@font-face {
  font-family: 'Droid Serif';
  src: url('./droid-serif-regular.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Droid Serif';
  src: url('./droid-serif-bold.ttf') format('truetype');
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

/*!
 *  Copyright (c) David Bushell | @dbushell | http://dbushell.com/
 */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #f2f0e6;
  min-width: 18.75em;
  padding: 0;
  margin: 0;
  color: #494b4d;
  font-family: 'droid-serif', 'Droid Serif', Georgia, serif;
  overflow-y: scroll;
}
body {
  position: relative;
  min-height: 100vh;
  margin: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}
canvas {
  -ms-touch-action: double-tap-zoom;
}
svg:not(:root) {
  overflow: hidden;
}
.no-svg svg {
  display: none !important;
  visibility: hidden;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
::-webkit-scrollbar {
  width: 14px;
}
::-webkit-scrollbar-track {
  background: #d9d7ce;
}
::-webkit-scrollbar-thumb {
  background: #b3b0aa;
}
.main {
  z-index: 1000;
  position: relative;
  padding: 4.8125em 0;
}
@media screen and (min-width: 62.5em) {
  .main {
    padding-top: 5.25em;
    margin-right: 26.25em;
  }
}
@media screen and (min-width: 113.375em) {
  .main {
    margin-left: 15em;
  }
}
.main--unpinned {
  -webkit-transition: margin-left 300ms ease;
  transition: margin-left 300ms ease;
  margin-left: 0 !important;
}
.main__title {
  margin-bottom: 0.7777777778em;
}
.main--home {
  padding-bottom: 3.5em;
}
.main--blog .main__title {
  margin-bottom: 0.6222222222em;
}
.main--portfolio {
  padding-bottom: 1.75em;
}
.block {
  margin: 0 auto;
  padding: 0 7%;
  max-width: 71.25em;
  box-sizing: border-box;
}
.lt-ie9 .block {
  min-width: 37.5em;
  max-width: 56.25em;
}
hr,
.hr {
  box-sizing: content-box;
  display: block;
  clear: both;
  height: 0.125em;
  margin: 1.6875em 0;
  background: #d7d6d2;
  outline: none;
  border: 0;
}
a {
  color: #3d9ccc;
  text-decoration: none;
  -webkit-transition: color 100ms ease;
  transition: color 100ms ease;
}
a:focus {
  outline: thin dotted #494b4c;
}
a:focus,
a:hover {
  color: #226181;
}
a a:active,
a a:hover {
  outline: 0;
}
a:active {
  text-shadow: none !important;
}
h1,
h2,
h3,
h4,
.h0,
.h1,
.h2,
.h3,
.h4 {
  font-weight: bold;
  margin-top: 0;
}
h1,
.h1,
.h0 {
  font-size: 2.8125em;
  line-height: 1.0888888889em;
  margin-bottom: 0.4666666667em;
  letter-spacing: -1px;
  font-weight: normal;
}
h1 a,
.h1 a,
.h0 a {
  color: #919599;
}
h1 a:focus,
h1 a:hover,
.h1 a:focus,
.h1 a:hover,
.h0 a:focus,
.h0 a:hover {
  color: #74b336;
}
h2,
.h2 {
  font-size: 1.875em;
  line-height: 1.1666666667em;
  margin-bottom: 0.4666666667em;
}
h3,
.h3 {
  font-size: 1.5625em;
  line-height: 1.4em;
  margin-bottom: 0.56em;
}
h4,
.h4 {
  font-size: 1.25em;
  line-height: 1.4em;
  margin-bottom: 0.7em;
}
@media screen and (min-width: 26.25em) {
  .h0 {
    font-size: 3.4375em;
    line-height: 1.1454545455em;
    margin-bottom: 0.5090909091em;
    letter-spacing: -2px;
    font-weight: normal;
  }
}
p,
.p {
  font-size: 1.0625em;
  line-height: 1.6470588235em;
  margin-top: 0;
  margin-bottom: 0.8235294118em;
  color: #494b4d;
}
p + h1,
.p + h1 {
  margin-top: 0.9333333333em;
}
p + h2,
.p + h2 {
  margin-top: 1.4em;
}
p + h3,
.p + h3 {
  margin-top: 1.68em;
}
p:last-child,
.p:last-child {
  margin-bottom: 0;
}
.p--large {
  font-size: 1.5em;
  line-height: 1.5833333333em;
  margin-bottom: 1.1666666667em;
}
.p--large:last-child {
  margin-bottom: 0;
}
.p--small {
  font-size: 0.875em;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.p--small:last-child {
  margin-bottom: 0;
}
.p--small a {
  border-bottom: none !important;
  text-decoration: underline;
}
ul,
ol {
  padding: 0;
  margin-top: 0;
  margin-left: 1.75em;
  margin-bottom: 1.75em;
  list-style: disc outside;
}
p + ul,
p + ol {
  margin-top: 1.75em;
}
ul li,
ol li {
  font-size: 1.0625em;
  line-height: 1.6470588235em;
  margin-bottom: 0.4117647059em;
  color: #494b4d;
}
ul li li,
ol li li {
  font-size: inherit;
  line-height: inherit;
}
ul:not([class]) p,
ol:not([class]) p {
  font-size: inherit;
  line-height: inherit;
}
ul ul,
ul ol,
ol ul,
ol ol {
  font-size: inherit;
  line-height: inherit;
  margin-left: 1.6470588235em;
  margin-top: 0.4117647059em;
  margin-bottom: 0.4117647059em !important;
}
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}
ol {
  list-style: decimal outside;
}
time {
  display: inline-block;
  color: #919599;
  text-transform: uppercase;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
time abbr[title] {
  border: none;
  background-image: none;
}
::-moz-selection {
  color: #fff;
  background: #3d9ccc;
  text-shadow: none !important;
}
::selection {
  color: #fff;
  background: #3d9ccc;
  text-shadow: none !important;
}
.p--error {
  color: #e54545;
}
.p--no-margin {
  margin-bottom: 0 !important;
}
.p--quote:before {
  display: inline-block;
  line-height: 1;
  content: '\201C';
  width: 0.6em;
  margin-left: -0.6em;
  opacity: 0.7;
}
.p--quote:after {
  content: '\201D';
  opacity: 0.7;
}
cite {
  border: none;
}
.quote,
blockquote:not([class*='quote--']) {
  margin: 1.75em 0;
  padding: 0 1.75em;
  border-left: 0.125em solid #d7d6d2;
}
.quote p,
blockquote:not([class*='quote--']) p {
  color: #919599;
}
.quote .p--large + .p--small:last-child,
blockquote:not([class*='quote--']) .p--large + .p--small:last-child {
  margin-top: -1em;
}
@media screen and (max-width: 26.1875em) {
  .quote,
  blockquote:not([class*='quote--']) {
    padding: 0;
    border-left: 0;
  }
  .quote .p--large,
  blockquote:not([class*='quote--']) .p--large {
    font-size: 1.0625em;
    line-height: 1.6470588235em;
    margin-bottom: 0.8235294118em;
  }
  .quote .p--large + .p--small:last-child,
  blockquote:not([class*='quote--']) .p--large + .p--small:last-child {
    margin-top: 0;
  }
  .quote .p--large:last-child,
  blockquote:not([class*='quote--']) .p--large:last-child {
    margin-bottom: 0;
  }
}
.quote cite,
blockquote:not([class*='quote--']) cite {
  font-style: normal;
}
.quote cite a:not(:hover),
blockquote:not([class*='quote--']) cite a:not(:hover) {
  color: #919599;
}
.quote cite a,
blockquote:not([class*='quote--']) cite a {
  text-decoration: underline;
  text-shadow: none !important;
  background: none !important;
}
abbr[title],
.abbr[title],
acronym[title] {
  border: none;
  background-image: -webkit-linear-gradient(
    right,
    rgba(73, 75, 77, 0) 50%,
    rgba(73, 75, 77, 0.5) 50%
  );
  background-image: linear-gradient(
    to left,
    rgba(73, 75, 77, 0) 50%,
    rgba(73, 75, 77, 0.5) 50%
  );
  background-position: 0 bottom;
  background-repeat: repeat-x;
  background-size: 2px 1px;
}
pre,
kbd,
code {
  font-size: 0.875em;
  line-height: 1.5em;
  font-family: Monaco, Courier, monospace;
  background: #494b4c;
  color: #fff;
}
code {
  color: #494b4d;
  background: #d9d7ce;
}
pre {
  clear: both;
  overflow: auto;
  margin: 3em 0;
  padding: 2em 2em;
  box-shadow: inset 0 1px 7px #303132;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre code {
  display: block;
  color: #fff;
  font-size: inherit;
  line-height: inherit;
  background: none;
  padding: 0;
}
pre::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
pre::-webkit-scrollbar-track {
  background: #494b4c;
}
pre::-webkit-scrollbar-thumb {
  background: #919599;
  border: 4px solid #494b4c;
  border-radius: 10px;
}
kbd,
code {
  display: inline-block;
  line-height: 1.5;
  padding: 0 0.2142857143em;
}
p kbd,
p code {
  font-size: 0.8235294118em;
}
mark,
.mark {
  color: inherit;
  background: #fff699;
  text-shadow: none !important;
}
q {
  font-style: italic;
}
q:before {
  content: '\201C';
}
q:after {
  content: '\201D';
}
small {
  color: #919599;
  font-size: inherit;
  line-height: inherit;
}
small a {
  color: #919599;
  text-decoration: underline;
  border: none !important;
}
del,
strike {
  color: #919599;
  text-decoration: none;
  background-image: -webkit-linear-gradient(
    top,
    rgba(145, 149, 153, 0.5) 0%,
    rgba(145, 149, 153, 0.5) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(145, 149, 153, 0.5) 0%,
    rgba(145, 149, 153, 0.5) 100%
  );
  background-position: 0 center;
  background-repeat: repeat-x;
  background-size: 2px 2px;
}
.no-js .prose a:not([class]) {
  text-decoration: underline;
}
.wf-active .prose a:not([class]) {
  text-shadow: 2px 0 0 #f2f0e6, -2px 0 0 #f2f0e6;
  background-image: -webkit-linear-gradient(
    right,
    rgba(61, 156, 204, 0.5) 50%,
    rgba(61, 156, 204, 0.5) 50%
  );
  background-image: linear-gradient(
    to left,
    rgba(61, 156, 204, 0.5) 50%,
    rgba(61, 156, 204, 0.5) 50%
  );
  background-position: 0 1.0647058824em;
  background-repeat: repeat-x;
  background-size: 1px 1px;
}
.wf-active .prose a:not([class]):focus,
.wf-active .prose a:not([class]):hover {
  background-image: -webkit-linear-gradient(
    right,
    rgba(34, 97, 129, 0.5) 50%,
    rgba(34, 97, 129, 0.5) 50%
  );
  background-image: linear-gradient(
    to left,
    rgba(34, 97, 129, 0.5) 50%,
    rgba(34, 97, 129, 0.5) 50%
  );
}
.wf-active .prose h1 a:not([class]),
.wf-active .prose .h1 a:not([class]),
.wf-active .prose .h0 a:not([class]) {
  text-shadow: 2px 0 0 #f2f0e6, -2px 0 0 #f2f0e6;
  background-image: -webkit-linear-gradient(
    left,
    rgba(145, 149, 153, 0.5) 0%,
    rgba(145, 149, 153, 0.5) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(145, 149, 153, 0.5) 0%,
    rgba(145, 149, 153, 0.5) 100%
  );
  background-position: 0 1em;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.wf-active .prose h1 a:not([class]):focus,
.wf-active .prose h1 a:not([class]):hover,
.wf-active .prose .h1 a:not([class]):focus,
.wf-active .prose .h1 a:not([class]):hover,
.wf-active .prose .h0 a:not([class]):focus,
.wf-active .prose .h0 a:not([class]):hover {
  background-image: -webkit-linear-gradient(
    left,
    rgba(153, 204, 102, 0.7) 0%,
    rgba(153, 204, 102, 0.7) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(153, 204, 102, 0.7) 0%,
    rgba(153, 204, 102, 0.7) 100%
  );
}
.prose .p--light {
  color: #919599;
}
.prose .p--light a:not(:hover) {
  color: #919599;
}
.wf-active .prose .p--light a:not(:hover) {
  background-image: -webkit-linear-gradient(
    left,
    rgba(145, 149, 153, 0.5) 0%,
    rgba(145, 149, 153, 0.5) 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(145, 149, 153, 0.5) 0%,
    rgba(145, 149, 153, 0.5) 100%
  );
}
@media screen and (min-width: 36.25em) {
  .prose p:not([class]) {
    max-width: 42.3529411765em;
  }
  .prose .p--small {
    max-width: 51.4285714286em;
  }
}
@media screen and (min-width: 26.25em) {
  .wf-active .prose .h0 a:not([class]) {
    background-position: 0 1em;
  }
}
.button,
.label,
.form label,
.ninja-forms-form label,
.field,
button,
label,
input,
select {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-image: none !important;
  text-shadow: none !important;
}
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  display: inline-block;
  *display: inline;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.5em;
  padding: 0.4375em 1.3125em;
  height: 2.625em;
  outline: none;
  border: none;
  color: #3d9ccc;
  font-weight: bold;
  vertical-align: middle;
  border-radius: 0.3125em;
  border: 0.125em solid #3d9ccc;
  background-color: transparent;
}
.button:focus,
.button:hover {
  color: #226181;
  border-color: #226181;
  border-width: 0.125em;
}
.button--link {
  text-decoration: underline;
  background: transparent;
  border-color: transparent !important;
}
@media screen and (min-width: 36.25em) {
  .button--large {
    font-size: 1.125em;
    line-height: 2.1111111111em;
    border-width: 0.1111111111em !important;
    border-radius: 0.4444444444em;
    padding: 0.3888888889em 1.5555555556em;
    height: 3.1111111111em;
  }
}
.button--small {
  font-size: 0.875em;
  line-height: 2.2142857143em;
  border-width: 0.1428571429em !important;
  border-radius: 0.3571428571em;
  padding: 0 0.75em;
  height: 2.5em;
}
.button--primary {
  color: #fff !important;
  border-radius: 3em;
  background: #3d9ccc;
}
.button--primary:focus,
.button--primary:hover {
  border-color: #226181;
  background-color: #226181;
}
.button {
  -webkit-transition: border-color 100ms ease, background-color 100ms ease,
    -webkit-transform 100ms ease;
  transition: border-color 100ms ease, background-color 100ms ease,
    transform 100ms ease;
}
.button:active {
  -webkit-transform: scaleX(0.95) scaleY(0.95);
  -ms-transform: scaleX(0.95) scaleY(0.95);
  transform: scaleX(0.95) scaleY(0.95);
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
.label,
.form label,
.ninja-forms-form label {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875em;
  line-height: 2em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.label--checkbox {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875em !important;
  line-height: 2em !important;
  font-weight: normal !important;
  color: #919599;
}
.label--checkbox input[type='radio'],
.label--checkbox input[type='checkbox'] {
  float: left;
  font-size: inherit !important;
  margin: 0.5em 0.5em 0 0;
}
.label--checkbox input[type='radio']:checked + span,
.label--checkbox input[type='checkbox']:checked + span {
  color: #494b4d;
}
.label--checkbox input[checked='checked'] + span {
  color: #494b4d;
}
.field {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  clear: both;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.5em;
  width: 100%;
  max-width: 25em;
  height: 2.625em;
  padding: 0.4375em 0.875em;
  outline: none;
  color: #919599;
  border: 0.125em solid #d7d6d2;
  background: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.field:focus {
  color: #494b4d;
  border-color: #3d9ccc;
}
.lt-ie8 .field {
  padding: 0;
  line-height: 2.1875em;
  text-indent: 0.4375em;
}
.field[type='search'] {
  box-sizing: border-box !important;
}
.field input[type='file'] {
  width: 100%;
}
textarea.field {
  height: auto;
  max-width: none;
  min-height: 5.6875em;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
}
fieldset legend {
  font-size: 1.5em;
  line-height: 1.4583333333em;
  margin-bottom: 0.875em;
  width: 100%;
  padding: 0;
  color: #919599;
  font-weight: normal;
  border-bottom: 1px solid #d7d6d2;
}
.form__list {
  *zoom: 1;
  margin: 0;
  list-style: none;
}
.form__list:before,
.form__list:after {
  content: '';
  display: table;
}
.form__list:after {
  clear: both;
}
.form__list:last-child {
  margin-bottom: 0;
}
.form__item,
.field-wrap {
  font-size: inherit;
  line-height: 0;
  margin-bottom: 1.75em;
}
.form__item:last-child,
.field-wrap:last-child {
  margin-bottom: 0;
}
.form__item--nothing {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.form,
.ninja-forms-form {
  margin-bottom: 1.75em;
}
.form:last-child,
.ninja-forms-form:last-child {
  margin-bottom: 0;
}
.form--inline {
  margin-bottom: 0.875em;
}
.form--inline .form__item {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0.875em;
  margin-bottom: 0.875em;
}
.form--aligned .form__item {
  position: relative;
  padding-left: 10.5em;
}
.form--aligned .form__item > label:not([class*='label--']) {
  position: absolute;
  top: 0.5em;
  left: 0;
  text-align: right;
  width: 10em;
}
.form--single .form__list {
  display: table;
  width: 100%;
}
.form--single .form__item {
  display: table-cell;
  margin: 0;
  width: 100%;
  height: 2.625em;
  vertical-align: top;
}
.form--single .form__item:last-child {
  width: auto;
}
.form--single .field {
  max-width: none;
}
.form--single label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.form--single .button {
  float: right;
  margin-left: 0.875em;
}
.ninja-forms-no-display {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ninja-forms-required-items {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.honeypot-wrap {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ninja-forms-error-msg > div {
  color: #e54545;
  font-size: 1.0625em;
  line-height: 1.6470588235em;
  margin-bottom: 0.8235294118em;
  font-weight: bold;
}
.ninja-forms-field-error p {
  color: #e54545;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.875em;
  line-height: 2em;
  margin-bottom: 0;
}
.ninja-forms-form-wrap {
  *zoom: 1;
}
.ninja-forms-form-wrap:before,
.ninja-forms-form-wrap:after {
  content: '';
  display: table;
}
.ninja-forms-form-wrap:after {
  clear: both;
}
.text-wrap,
.textarea-wrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #d7d6d2;
  padding: 1px;
  max-width: 25em;
  -webkit-transition: border 150ms ease;
  transition: border 150ms ease;
  background-image: -webkit-linear-gradient(
    top,
    rgba(215, 214, 210, 0.5),
    #d7d6d2
  );
  background-image: linear-gradient(
    to bottom,
    rgba(215, 214, 210, 0.5),
    #d7d6d2
  );
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}
.text-wrap + .text-wrap,
.textarea-wrap + .text-wrap {
  margin-top: 2.625em;
}
.text-wrap:before,
.textarea-wrap:before {
  pointer-events: none;
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.text-wrap:before,
.textarea-wrap:before {
  opacity: 0;
  outline: 1px solid #3d9ccc;
  background-image: -webkit-linear-gradient(
    top,
    rgba(61, 156, 204, 0.2),
    rgba(61, 156, 204, 0.6)
  );
  background-image: linear-gradient(
    to bottom,
    rgba(61, 156, 204, 0.2),
    rgba(61, 156, 204, 0.6)
  );
  -webkit-transition: opacity 150ms ease, -webkit-transform 300ms ease,
    box-shadow 300ms ease;
  transition: opacity 150ms ease, transform 300ms ease, box-shadow 300ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.text-wrap input,
.text-wrap textarea,
.textarea-wrap input,
.textarea-wrap textarea {
  z-index: 1001;
  display: block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  max-width: none;
  height: auto;
  outline: 0;
  border: 0;
  font-size: 1em;
  line-height: 1.5em;
  padding: 0.4375em 0.875em;
}
.text-wrap input:focus,
.text-wrap textarea:focus,
.textarea-wrap input:focus,
.textarea-wrap textarea:focus {
  border: 0;
}
.text-wrap label,
.textarea-wrap label {
  position: absolute;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.75em;
  top: -1.75em;
  opacity: 0.8;
  -webkit-transform: scale(0.875);
  -ms-transform: scale(0.875);
  transform: scale(0.875);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: opacity 150ms ease, -webkit-transform 150ms ease;
  transition: opacity 150ms ease, transform 150ms ease;
}
.text-wrap.js--focus label,
.textarea-wrap.js--focus label {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.text-wrap.js--focus:before,
.textarea-wrap.js--focus:before {
  opacity: 0.8;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  box-shadow: inset 0 0 2px rgba(61, 156, 204, 0.3), 0 0 5px #3d9ccc;
}
.textarea-wrap {
  max-width: none;
  margin-top: 2.625em;
}
.post {
  position: relative;
  overflow: hidden;
}
.post__body {
  margin-top: 1.75em;
}
.post__date {
  margin-bottom: 0;
}
.post__title {
  margin-bottom: 0.7777777778em;
}
.post__title + .post__date {
  margin-top: -0.8235294118em;
}
.post__title + .p--large {
  margin-top: -0.2916666667em;
}
@media screen and (max-width: 36.1875em) {
  .post__title > .nbsp:after {
    display: inline-block;
    content: '\a';
    speak: none;
  }
}
.post--excerpt .post__title {
  margin-bottom: 0.56em;
}
.post--excerpt .post__title + .post__date {
  margin-top: -0.4117647059em;
}
.post--excerpt .post__body {
  margin-top: 0.4375em;
}
.post__image {
  overflow: hidden;
  margin: 1.75em 0;
  margin-left: -8.1395348837%;
  margin-right: -8.1395348837%;
  padding: 1.75em 8.1395348837%;
  background: #d9d7ce;
}
.post__image img {
  width: auto;
}
.post__image a {
  text-shadow: none !important;
  background: none !important;
}
.post__image--centred img {
  margin: 0 auto;
}
@media screen and (max-width: 36.1875em) {
  .post__body > pre {
    margin-left: -8.1395348837%;
    margin-right: -8.1395348837%;
  }
}
@media screen and (min-width: 36.25em) {
  .post__image {
    margin-right: 0;
    padding-right: 1.75em;
  }
}
.hero__body {
  *zoom: 1;
}
.hero__body:before,
.hero__body:after {
  content: '';
  display: table;
}
.hero__body:after {
  clear: both;
}
@media screen and (min-width: 50em) {
  .hero__body {
    padding-top: 1.75em;
  }
}
@media screen and (min-width: 75em) {
  .hero__body {
    padding-top: 3.5em;
  }
}
.hero__footer {
  margin-top: 1.6470588235em;
}
@media screen and (max-width: 49.9375em) {
  .hero__footer {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media screen and (min-width: 80em) {
  .hero__footer {
    margin-top: 3.2941176471em;
  }
}
.hero__hr {
  margin: 1.25em 0;
}
@media screen and (min-width: 26.25em) {
  .hero__hr {
    margin: 1.6875em 0;
  }
}
.hero__content {
  z-index: 1002;
  position: relative;
  float: left;
  margin-right: -100%;
}
.hero__title span {
  display: inline-block;
  white-space: nowrap;
}
.hero__title strong {
  display: block;
}
@media screen and (max-width: 49.9375em) {
  .hero__title span {
    display: block;
  }
}
@media screen and (min-width: 62.5em) and (max-width: 75em) {
  .hero__title span {
    display: block;
  }
}
.hero__links {
  list-style: none;
  margin-bottom: 1.75em;
  margin-left: 0;
}
@media screen and (min-width: 36.25em) {
  .hero__links li {
    font-size: 1.5em;
    line-height: 1.1666666667em;
    margin-bottom: 0.5833333333em;
  }
}
.hero__image {
  z-index: 1001;
  position: relative;
  float: left;
  margin-top: -5.25em;
  margin-right: -100%;
  margin-left: 60%;
  width: 40%;
  max-width: 31.25em;
}
.hero__image:after {
  position: relative;
  display: block;
  content: '';
  left: 5%;
  height: 0;
  width: 100%;
  padding-bottom: 104%;
  background: transparent url('./origami-crane--small.png') top right
    no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 36.25em) {
  .hero__image:after {
    background-image: url('./origami-crane.png');
  }
}
.lt-ie8 .hero__image {
  background: transparent url('./origami-crane--small.png') top right
    no-repeat;
  height: 16.25em;
}
@media screen and (min-width: 26.25em) {
  .hero__image {
    margin-top: -6.5625em;
    margin-left: 55%;
    width: 45%;
  }
}
@media screen and (min-width: 36.25em) {
  .hero__image {
    margin-top: -10.5em;
    margin-left: 50%;
    width: 50%;
  }
}
@media screen and (min-width: 50em) {
  .hero__image {
    margin-top: -6.5625em;
    margin-left: 50%;
    width: 50%;
  }
}
@media screen and (min-width: 62.5em) and (max-width: 75em) {
  .hero__image {
    margin-top: -10.5em;
  }
}
.folio__link {
  display: block;
  background-color: rgba(242, 240, 230, 0.85);
}
.folio {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0.875em-1.3125em 1.75em-1.3125em;
  padding: 0.4375em 0;
}
.folio:last-child {
  margin-bottom: 0;
}
.lt-ie9 .folio {
  margin: 0;
}
.folio__list {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.folio__list:before,
.folio__list:after {
  content: '';
  display: table;
}
.folio__list:after {
  clear: both;
}
.folio__item {
  position: relative;
  overflow: hidden;
  display: block;
  float: left;
  margin: 0.4375em;
  width: 30%;
  width: calc(33.33333% - 0.875em);
  font-size: inherit;
  line-height: inherit;
  box-sizing: border-box;
  border-radius: 0.3125em;
}
.folio__link {
  z-index: 1001;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 69.512195122%;
  background-color: rgba(242, 240, 230, 0.85);
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.folio__link:focus,
.folio__link:hover {
  background-color: rgba(217, 215, 206, 0);
}
.folio__link:focus .folio__image,
.folio__link:hover .folio__image {
  opacity: 0.1;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: scale3d(1.4, 1.4, 1);
  transform: scale3d(1.4, 1.4, 1);
}
.folio__link:focus .folio__label,
.folio__link:hover .folio__label {
  opacity: 1;
}
.lt-ie9 .folio__link {
  padding-bottom: 66.6666666667%;
}
.lt-ie9 .folio__link:focus .folio__image,
.lt-ie9 .folio__link:hover .folio__image {
  visibility: hidden;
}
.lt-ie9 .folio__link:focus .folio__label,
.lt-ie9 .folio__link:hover .folio__label {
  visibility: visible;
}
.folio__label {
  z-index: 1003;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 0.56em;
  font-size: 1.5625em;
  line-height: 1.12em;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.lt-ie9 .folio__label {
  visibility: hidden;
  margin-top: -0.5em;
}
.folio__image {
  z-index: 1002;
  position: absolute;
  top: 0;
  left: 0;
  top: calc(0% + 0.875em);
  left: calc(0% + 0.875em);
  border-radius: 0.25em;
  opacity: 1;
  width: 100%;
  width: calc(100% - 1.75em);
  -webkit-transition: opacity 200ms ease, -webkit-filter 200ms ease,
    -webkit-transform 200ms ease, opacity 200ms ease, filter 200ms ease,
    -webkit-transform 200ms ease;
  transition: opacity 200ms ease, filter 200ms ease, transform 200ms ease;
}
@media screen and (min-width: 62.5em) and (max-width: 75em) {
  .folio__item {
    width: 45%;
    width: calc(50% - 0.875em);
  }
}
@media screen and (max-width: 49.9375em) {
  .folio__item {
    width: 45%;
    width: calc(50% - 0.875em);
  }
}
.header {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  height: 1.3125em;
  padding: 1.75em 7%;
}
@media screen and (min-width: 62.5em) {
  .header {
    padding: 1.75em 1.75em;
    margin-right: 26.25em;
  }
}
.header__title {
  display: block;
  font-size: 1.0625em;
  line-height: 1.2352941176em;
  margin-bottom: 0;
  letter-spacing: 0;
  text-align: right;
  font-weight: bold;
}
.header__title a {
  color: #919599;
  opacity: 0.5;
}
.header__title a:focus,
.header__title a:hover {
  color: #99cc66;
  opacity: 1;
}
.header {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.js .header {
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.header--fixed {
  position: fixed !important;
  background: rgba(255, 255, 255, 0.9);
}
.header--fixed .header__title a {
  opacity: 1;
}
.js .header--inactive {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: opacity 300ms ease, -webkit-transform 1ms 300ms linear;
  transition: opacity 300ms ease, transform 1ms 300ms linear;
  background: rgba(255, 255, 255, 0);
  pointer-events: none;
  opacity: 0;
}
.js .header--inactive:hover {
  opacity: 1;
}
.lt-ie9.js .header--inactive {
  display: none !important;
  visibility: hidden;
}
.footer {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
}
.footer .block {
  padding-top: 1.75em;
  padding-bottom: 1.75em;
}
@media screen and (min-width: 62.5em) {
  .footer {
    z-index: 3000;
    position: absolute;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 26.25em;
    background: #fff;
  }
  .footer .block {
    padding: 1.75em 1.75em;
  }
}
.footer__blog ul {
  list-style: none;
  margin-left: 0;
}
.footer__blog time {
  display: block;
}
.footer {
  padding-top: 0.4375em;
  box-shadow: 0 0 0.875em rgba(0, 0, 0, 0.1);
}
.footer .prose a:not([class]) {
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff !important;
}
.footer h3 {
  margin-top: -0.28em;
}
.footer hr {
  opacity: 0.7;
}
.footer .iScrollVerticalScrollbar {
  top: 2px !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 14px !important;
  background: #fff !important;
}
.footer .iScrollVerticalScrollbar .iScrollIndicator {
  background: rgba(215, 214, 210, 0.7) !important;
  border: 3px solid #fff !important;
  border-radius: 10px !important;
}
.footer .iScrollVerticalScrollbar .iScrollIndicator:hover {
  background: #d7d6d2 !important;
}
.footer .iScrollVerticalScrollbar[style*='opacity: 0'] {
  opacity: 1 !important;
}
.footer .iScrollVerticalScrollbar[style*='opacity: 0'] .iScrollIndicator {
  background: rgba(215, 214, 210, 0.3) !important;
}
.footer .iScrollVerticalScrollbar[style*='opacity: 0'] .iScrollIndicator:hover {
  background: #d7d6d2 !important;
}
.footer::-webkit-scrollbar {
  width: 14px;
}
.footer::-webkit-scrollbar-track {
  background: #fff;
}
.footer:hover::-webkit-scrollbar-thumb {
  background: rgba(215, 214, 210, 0.7);
}
.footer::-webkit-scrollbar-thumb {
  background: rgba(215, 214, 210, 0.3);
  border: 3px solid #fff;
  border-radius: 10px;
}
.footer::-webkit-scrollbar-thumb:hover {
  background: #d7d6d2;
}
@media only print {
  .footer {
    display: none !important;
    visibility: hidden;
  }
}
.footer__profile {
  max-width: 35em;
}
.lt-ie9 .footer__profile {
  max-width: none;
  margin: 0 auto;
}
.footer__avatar {
  position: relative;
  margin: -0.4375em auto 1.3125em auto;
  width: 7.875em;
  height: 7.875em;
}
.footer__avatar:after {
  position: absolute;
  overflow: hidden;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: url('./avatar.png') 0 0 no-repeat;
  background-size: 100% 100%;
}
.lt-ie8 .footer__avatar {
  background: url('./avatar.png') center 0 no-repeat;
}
@media screen and (min-width: 62.5em) {
  .footer__avatar {
    margin-top: -0.875em;
  }
}
.footer__blog li {
  line-height: 1.2352941176em;
  margin-bottom: 0.8235294118em;
}
.footer__blog time {
  font-size: 0.8235294118em;
  line-height: 1.5em;
  height: 1.5em;
}
.sponsor {
  margin: 0 auto 2.625em auto;
  max-width: 26.25em;
  text-align: left;
  background: #fff;
}
.sponsor:hover,
.sponsor:focus {
  background: #f7f7f5;
  outline: 0.4375em solid #f7f7f5;
}
.sponsor__title {
  color: #3d9ccc;
  font-size: 0.75em;
  line-height: 2.3333333333em;
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.sponsor__link {
  display: table;
  margin: 0;
  height: 6.125em;
  padding-left: 7em;
  padding-right: 0.4375em;
  background: url('./sponsor-logo.svg') 0 center no-repeat;
  background-size: auto 6.125em;
}
/* .no-svg .sponsor__link {
  background-image: url('./sponsor-logo.png');
} */
.sponsor__link p {
  color: #919599;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 62.5em) {
  .footer__blog li:nth-of-type(1n + 4) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media screen and (max-width: 36.1875em) {
  .footer__avatar {
    width: 7em;
    height: 7em;
  }
}
@media screen and (max-width: 26.1875em) {
  .footer__avatar {
    width: 6.5625em;
    height: 6.5625em;
  }
}
@media screen and (min-width: 36.25em) and (max-width: 62.4375em) {
  .footer {
    text-align: left;
  }
  .footer .block > p {
    max-width: 29.4117647059em;
  }
  .footer__blog ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.75em;
    -moz-column-gap: 1.75em;
    column-gap: 1.75em;
  }
  .footer__blog li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .footer__avatar {
    float: left;
    margin-right: 0.875em;
    margin-bottom: 1.3125em;
    width: 7.4375em;
    height: 7.4375em;
  }
  .sponsor {
    margin-left: 0;
  }
}
.overlay {
  z-index: 4000;
  position: absolute;
  position: fixed;
  display: block;
  content: '';
  top: 0;
  left: 0%;
  width: 100%;
  height: 0;
  opacity: 0;
  background: rgba(73, 75, 76, 0.7);
  -webkit-transition: opacity 300ms ease, height 1ms 300ms ease;
  transition: opacity 300ms ease, height 1ms 300ms ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.overlay--active {
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.nav-open,
.nav-close {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  position: absolute;
  top: 0.875em;
  width: 2.1875em;
  height: 2.1875em;
  padding: 0.4375em;
  left: 7%;
  margin-left: -0.875em;
  background-position: 0.4375em 0.4375em;
  background-repeat: no-repeat;
}
.nav-open svg,
.nav-close svg {
  pointer-events: none;
  position: absolute;
  top: 0.4375em;
  left: 0.4375em;
  width: 2.1875em;
  height: 2.1875em;
  fill: #b3b0aa;
}
.nav-open:focus,
.nav-open:hover,
.nav-close:focus,
.nav-close:hover {
  opacity: 1 !important;
  color: #99cc66;
}
.nav-open:focus svg,
.nav-open:hover svg,
.nav-close:focus svg,
.nav-close:hover svg {
  fill: #99cc66;
}
@media screen and (min-width: 62.5em) {
  .nav-open,
  .nav-close {
    left: 0.875em;
    margin-left: 0;
  }
}
.nav-open {
  color: #919599;
}
.nav-open span {
  position: absolute;
  font-size: 1.0625em;
  line-height: 2.0588235294em;
  top: 0.4117647059em;
  left: 2.8823529412em;
  pointer-events: none;
  opacity: 0;
}
@media screen and (min-width: 50em) {
  .nav-open span {
    pointer-events: all;
    opacity: 1;
  }
}
@media screen and (max-width: 49.9375em) {
  .nav-open {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    text-indent: 200%;
  }
}
/* .no-svg .nav-open {
  background-image: url('./nav.png');
}
.no-svg .nav-open:focus,
.no-svg .nav-open:hover {
  background-image: url('./nav--hover.png');
} */
.nav-close {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  text-indent: 200%;
  left: 1.3125em !important;
  margin-left: 0 !important;
}
/* .no-svg .nav-close {
  background-image: url('./close.png');
}
.no-svg .nav-close:focus,
.no-svg .nav-close:hover {
  background-image: url('./close--hover.png');
} */
.nav {
  z-index: 5000;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15em;
  max-width: 75%;
  overflow-y: auto;
  box-sizing: border-box;
  background: #3d3e3f;
  padding: 4.8125em 0 1.75em 0;
}
.nav__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.js .nav {
  left: auto;
  right: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.css3d .nav {
  right: auto;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.css3d .nav .nav-close {
  opacity: 0;
  -webkit-transition: opacity 150ms 150ms ease;
  transition: opacity 150ms 150ms ease;
}
.css3d .nav--active,
.css3d .nav:target:not(.nav--hidden) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.css3d .nav--active .nav-close,
.css3d .nav:target:not(.nav--hidden) .nav-close {
  opacity: 1;
}
.no-js .nav,
.android .nav,
.no-css3d .nav {
  left: auto;
  right: 100%;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.no-js .nav--active,
.android .nav--active,
.no-css3d .nav--active {
  left: 0;
  right: auto;
}
.no-js .nav:target:not(.nav--hidden),
.android .nav:target:not(.nav--hidden),
.no-css3d .nav:target:not(.nav--hidden) {
  left: 0;
  right: auto;
}
.nav::-webkit-scrollbar {
  width: 14px;
}
.nav::-webkit-scrollbar-track {
  background: #3d3e3f;
}
.nav::-webkit-scrollbar-thumb {
  background: #919599;
  border: 3px solid #494b4c;
  border-radius: 10px;
}
@media only print {
  .nav {
    display: none !important;
    visibility: hidden;
  }
}
@media screen and (min-width: 113.375em) {
  .css3d .nav:not(.nav--closed) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .css3d .nav:not(.nav--closed) .nav-close {
    opacity: 1;
  }
  .css3d .nav:not(.nav--active):not(.nav--hidden) {
    width: 15em;
  }
  .css3d .nav:not(.nav--active):not(.nav--hidden) .nav-close {
    opacity: 0.5;
  }
}
.nav__list {
  margin: 0;
  *zoom: 1;
  background: #494b4c;
}
.nav__list:before,
.nav__list:after {
  content: '';
  display: table;
}
.nav__list:after {
  clear: both;
}
.nav__item {
  display: block;
  margin: 0;
  font-size: 1.0625em;
  line-height: 1.9411764706em;
  border-bottom: 0.1176470588em solid #3d3e3f;
}
.nav__item svg {
  position: relative;
  display: block;
  float: left;
  top: 0.3529411765em;
  width: 1.0588235294em;
  height: 1.0588235294em;
  margin-right: 0.2352941176em;
}
.no-svg .nav__item svg {
  display: none !important;
  visibility: hidden;
}
.nav__item--twitter svg {
  width: 1.2941176471em;
  fill: #83c3f3;
  margin-left: -0.2352941176em;
}
.nav__item--twitter .nav__link {
  color: #83c3f3 !important;
}
.nav__item--google svg {
  fill: #e47264;
}
.nav__item--google .nav__link {
  color: #e47264 !important;
}
.nav__link {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  display: block;
  box-sizing: border-box;
  color: #fff;
  padding: 0.4117647059em 1.6470588235em;
}
.nav__link:focus,
.nav__link:hover {
  color: #fff;
}
.js:not(.iOS) .nav__link:focus,
.js:not(.iOS) .nav__link:hover {
  color: #99cc66 !important;
}
.js:not(.iOS) .nav__link:focus svg,
.js:not(.iOS) .nav__link:hover svg {
  fill: #99cc66 !important;
}
.js:not(.iOS) .nav__link:active {
  background: #3d3e3f;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
}
.table tr {
  border-bottom: 1px solid #d7d6d2;
}
.table tbody tr:last-child {
  border-bottom: 0;
}
.table th {
  text-align: left;
  font-weight: bold;
}
.table th,
.table td {
  font-size: 1em;
  line-height: 1.3125em;
  padding: 0.4375em;
}
.table table {
  font-size: inherit;
  line-height: inherit;
}
.table--striped tbody tr:nth-child(odd) {
  background: #d9d7ce;
}
.table--bordered tr {
  border: none;
}
.table--bordered th,
.table--bordered td {
  border: 1px solid #d7d6d2;
}
.table--condensed th,
.table--condensed td {
  padding: 0.21875em 0.4375em;
}
.media {
  *zoom: 1;
}
.media:before,
.media:after {
  content: '';
  display: table;
}
.media:after {
  clear: both;
}
.media__image {
  float: left;
  margin-right: 1.75em;
}
.media__body {
  overflow: hidden;
}
.media--rtl .media__image {
  float: right;
  margin-left: 1.75em;
  margin-right: 0;
}
.newsletter {
  margin: 3.5em 0 1.75em 0;
}
.newsletter__form {
  margin-bottom: 0;
  max-width: 36.25em;
}
.newsletter__form .form__item {
  padding-bottom: 0.875em;
}
@media screen and (max-width: 36.1875em) {
  .newsletter__form .form__list {
    display: block;
  }
  .newsletter__form .form__item {
    display: block;
  }
  .newsletter__form .button {
    margin: 0;
    float: none;
  }
}
.newsletter__format label {
  margin-right: 0.5em;
}
.pagination {
  overflow: hidden;
}
.pagination__older {
  float: left;
}
.pagination__newer {
  float: right;
}
.namespace {
  opacity: 0.7;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #8c8c85;
}
.token.null,
.token.operator,
.token.boolean,
.token.number {
  color: #a77afe;
}
.token.attr-name,
.token.string {
  color: #e6d06c;
}
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #e6d06c;
}
.token.selector {
  color: #a6e22d;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.atrule,
.token.attr-value,
.token.keyword,
.token.control,
.token.directive,
.token.important,
.token.unit {
  color: #ff3377;
}
.token.regex,
.token.statement {
  color: #76d9e6;
}
.token.placeholder,
.token.variable {
  color: #ffffff;
}
.token.important,
.token.statement {
  font-weight: bold;
}
.token.punctuation {
  color: #bebec5;
}
.token.entity {
  cursor: help;
}
.token.debug {
  color: red;
}
.language-markup .token.tag {
  color: #ff3377;
}
.language-markup .token.attr-name {
  color: #a6e22d;
}
.language-markup .token.attr-value {
  color: #e6d06c;
}
.language-markup .token.style,
.language-markup .token.script {
  color: #76d9e6;
}
.language-markup .token.script .token.keyword {
  color: #76d9e6;
}