/**
  * =IMPORTS
  */
/**
 * reset.css
 *
 * Adapted from:
 * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/
 * HTML5 boilerplate: http://html5boilerplate.com/
 * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/
 *
 * Modified by Elliot Jay Stocks
 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  color: blue;
}
li {
  list-style: none;
}
abbr[title] {
  border-bottom: none;
}
b,
strong {
  font-weight: 700;
}
i,
em,
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
label {
  cursor: pointer;
}
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
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;
  resize: vertical;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.container:after,
.container .row:after,
.container .row .column:after,
.container .row .columns:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.container {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  box-sizing: content-box;
}
.container .row {
  width: 100%;
  box-sizing: content-box;
}
.container .row .column,
.container .row .columns {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
}
.container .row .column.right,
.container .row .columns.right {
  float: right;
  text-align: left;
}
.container .row .column:first-child,
.container .row .columns:first-child {
  margin-left: 0 !important;
}
.container .row .column:last-child,
.container .row .columns:last-child {
  margin-right: 0 !important;
}
/**
  * =GRID
  */
.container {
  width: 768px;
}
.container .row .column,
.container .row .columns {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.container .row .column.one-left,
.container .row .columns.one-left {
  margin-left: 39.25px !important;
}
.container .row .column.two-left,
.container .row .columns.two-left {
  margin-left: 88.5px !important;
}
.container .row .column.three-left,
.container .row .columns.three-left {
  margin-left: 137.75px !important;
}
.container .row .column.four-left,
.container .row .columns.four-left {
  margin-left: 187px !important;
}
.container .row .column.five-left,
.container .row .columns.five-left {
  margin-left: 236.25px !important;
}
.container .row .column.six-left,
.container .row .columns.six-left {
  margin-left: 285.5px !important;
}
.container .row .column.seven-left,
.container .row .columns.seven-left {
  margin-left: 334.75px !important;
}
.container .row .column.eight-left,
.container .row .columns.eight-left {
  margin-left: 384px !important;
}
.container .row .column.nine-left,
.container .row .columns.nine-left {
  margin-left: 433.25px !important;
}
.container .row .column.ten-left,
.container .row .columns.ten-left {
  margin-left: 482.5px !important;
}
.container .row .column.eleven-left,
.container .row .columns.eleven-left {
  margin-left: 531.75px !important;
}
.container .row .column.twelve-left,
.container .row .columns.twelve-left {
  margin-left: 581px !important;
}
.container .row .column.thirteen-left,
.container .row .columns.thirteen-left {
  margin-left: 630.25px !important;
}
.container .row .column.fourteen-left,
.container .row .columns.fourteen-left {
  margin-left: 679.5px !important;
}
.container .row .column.fifteen-left,
.container .row .columns.fifteen-left {
  margin-left: 728.75px !important;
}
.container .row .column.one-right,
.container .row .columns.one-right {
  margin-left: 39.25px !important;
}
.container .row .column.two-right,
.container .row .columns.two-right {
  margin-left: 88.5px !important;
}
.container .row .column.three-right,
.container .row .columns.three-right {
  margin-left: 137.75px !important;
}
.container .row .column.four-right,
.container .row .columns.four-right {
  margin-left: 187px !important;
}
.container .row .column.five-right,
.container .row .columns.five-right {
  margin-left: 236.25px !important;
}
.container .row .column.six-right,
.container .row .columns.six-right {
  margin-left: 285.5px !important;
}
.container .row .column.seven-right,
.container .row .columns.seven-right {
  margin-left: 334.75px !important;
}
.container .row .column.eight-right,
.container .row .columns.eight-right {
  margin-left: 384px !important;
}
.container .row .column.nine-right,
.container .row .columns.nine-right {
  margin-left: 433.25px !important;
}
.container .row .column.ten-right,
.container .row .columns.ten-right {
  margin-left: 482.5px !important;
}
.container .row .column.eleven-right,
.container .row .columns.eleven-right {
  margin-left: 531.75px !important;
}
.container .row .column.twelve-right,
.container .row .columns.twelve-right {
  margin-left: 581px !important;
}
.container .row .column.thirteen-right,
.container .row .columns.thirteen-right {
  margin-left: 630.25px !important;
}
.container .row .column.fourteen-right,
.container .row .columns.fourteen-right {
  margin-left: 679.5px !important;
}
.container .row .column.fifteen-right,
.container .row .columns.fifteen-right {
  margin-left: 728.75px !important;
}
.container .row .column.one {
  width: 29.25px;
}
.container .row .columns.two {
  width: 78.5px;
}
.container .row .columns.three {
  width: 127.75px;
}
.container .row .columns.four {
  width: 177px;
}
.container .row .columns.five {
  width: 226.25px;
}
.container .row .columns.six {
  width: 275.5px;
}
.container .row .columns.seven {
  width: 324.75px;
}
.container .row .columns.eight {
  width: 374px;
}
.container .row .columns.nine {
  width: 423.25px;
}
.container .row .columns.ten {
  width: 472.5px;
}
.container .row .columns.eleven {
  width: 521.75px;
}
.container .row .columns.twelve {
  width: 571px;
}
.container .row .columns.thirteen {
  width: 620.25px;
}
.container .row .columns.fourteen {
  width: 669.5px;
}
.container .row .columns.fifteen {
  width: 718.75px;
}
.container .row .columns.sixteen,
.container .row .columns.all {
  width: 768px;
}
figure {
  min-width: 768px;
  max-width: 1000px;
}
article.page figure[data-layout] {
  max-width: 768px;
}
@media screen and (max-width: 799px) {
  .container {
    width: 630px;
  }
  .container .row .column,
  .container .row .columns {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .container .row .column.one-left,
  .container .row .columns.one-left {
    margin-left: 35px !important;
  }
  .container .row .column.two-left,
  .container .row .columns.two-left {
    margin-left: 75px !important;
  }
  .container .row .column.three-left,
  .container .row .columns.three-left {
    margin-left: 115px !important;
  }
  .container .row .column.four-left,
  .container .row .columns.four-left {
    margin-left: 155px !important;
  }
  .container .row .column.five-left,
  .container .row .columns.five-left {
    margin-left: 195px !important;
  }
  .container .row .column.six-left,
  .container .row .columns.six-left {
    margin-left: 235px !important;
  }
  .container .row .column.seven-left,
  .container .row .columns.seven-left {
    margin-left: 275px !important;
  }
  .container .row .column.eight-left,
  .container .row .columns.eight-left {
    margin-left: 315px !important;
  }
  .container .row .column.nine-left,
  .container .row .columns.nine-left {
    margin-left: 355px !important;
  }
  .container .row .column.ten-left,
  .container .row .columns.ten-left {
    margin-left: 395px !important;
  }
  .container .row .column.eleven-left,
  .container .row .columns.eleven-left {
    margin-left: 435px !important;
  }
  .container .row .column.twelve-left,
  .container .row .columns.twelve-left {
    margin-left: 475px !important;
  }
  .container .row .column.thirteen-left,
  .container .row .columns.thirteen-left {
    margin-left: 515px !important;
  }
  .container .row .column.fourteen-left,
  .container .row .columns.fourteen-left {
    margin-left: 555px !important;
  }
  .container .row .column.fifteen-left,
  .container .row .columns.fifteen-left {
    margin-left: 595px !important;
  }
  .container .row .column.one-right,
  .container .row .columns.one-right {
    margin-left: 35px !important;
  }
  .container .row .column.two-right,
  .container .row .columns.two-right {
    margin-left: 75px !important;
  }
  .container .row .column.three-right,
  .container .row .columns.three-right {
    margin-left: 115px !important;
  }
  .container .row .column.four-right,
  .container .row .columns.four-right {
    margin-left: 155px !important;
  }
  .container .row .column.five-right,
  .container .row .columns.five-right {
    margin-left: 195px !important;
  }
  .container .row .column.six-right,
  .container .row .columns.six-right {
    margin-left: 235px !important;
  }
  .container .row .column.seven-right,
  .container .row .columns.seven-right {
    margin-left: 275px !important;
  }
  .container .row .column.eight-right,
  .container .row .columns.eight-right {
    margin-left: 315px !important;
  }
  .container .row .column.nine-right,
  .container .row .columns.nine-right {
    margin-left: 355px !important;
  }
  .container .row .column.ten-right,
  .container .row .columns.ten-right {
    margin-left: 395px !important;
  }
  .container .row .column.eleven-right,
  .container .row .columns.eleven-right {
    margin-left: 435px !important;
  }
  .container .row .column.twelve-right,
  .container .row .columns.twelve-right {
    margin-left: 475px !important;
  }
  .container .row .column.thirteen-right,
  .container .row .columns.thirteen-right {
    margin-left: 515px !important;
  }
  .container .row .column.fourteen-right,
  .container .row .columns.fourteen-right {
    margin-left: 555px !important;
  }
  .container .row .column.fifteen-right,
  .container .row .columns.fifteen-right {
    margin-left: 595px !important;
  }
  .container .row .column.one {
    width: 30px;
  }
  .container .row .columns.two {
    width: 70px;
  }
  .container .row .columns.three {
    width: 110px;
  }
  .container .row .columns.four {
    width: 150px;
  }
  .container .row .columns.five {
    width: 190px;
  }
  .container .row .columns.six {
    width: 230px;
  }
  .container .row .columns.seven {
    width: 270px;
  }
  .container .row .columns.eight {
    width: 310px;
  }
  .container .row .columns.nine {
    width: 350px;
  }
  .container .row .columns.ten {
    width: 390px;
  }
  .container .row .columns.eleven {
    width: 430px;
  }
  .container .row .columns.twelve {
    width: 470px;
  }
  .container .row .columns.thirteen {
    width: 510px;
  }
  .container .row .columns.fourteen {
    width: 550px;
  }
  .container .row .columns.fifteen {
    width: 590px;
  }
  .container .row .columns.sixteen,
  .container .row .columns.all {
    width: 630px;
  }
  figure {
    min-width: 630px;
    max-width: 630px;
  }
}
@media screen and (max-width: 679px) {
  .container {
    width: 450px;
  }
  .container .row .column,
  .container .row .columns {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .container .row .column.one-left,
  .container .row .columns.one-left {
    margin-left: 23.75px !important;
  }
  .container .row .column.two-left,
  .container .row .columns.two-left {
    margin-left: 52.5px !important;
  }
  .container .row .column.three-left,
  .container .row .columns.three-left {
    margin-left: 81.25px !important;
  }
  .container .row .column.four-left,
  .container .row .columns.four-left {
    margin-left: 110px !important;
  }
  .container .row .column.five-left,
  .container .row .columns.five-left {
    margin-left: 138.75px !important;
  }
  .container .row .column.six-left,
  .container .row .columns.six-left {
    margin-left: 167.5px !important;
  }
  .container .row .column.seven-left,
  .container .row .columns.seven-left {
    margin-left: 196.25px !important;
  }
  .container .row .column.eight-left,
  .container .row .columns.eight-left {
    margin-left: 225px !important;
  }
  .container .row .column.nine-left,
  .container .row .columns.nine-left {
    margin-left: 253.75px !important;
  }
  .container .row .column.ten-left,
  .container .row .columns.ten-left {
    margin-left: 282.5px !important;
  }
  .container .row .column.eleven-left,
  .container .row .columns.eleven-left {
    margin-left: 311.25px !important;
  }
  .container .row .column.twelve-left,
  .container .row .columns.twelve-left {
    margin-left: 340px !important;
  }
  .container .row .column.thirteen-left,
  .container .row .columns.thirteen-left {
    margin-left: 368.75px !important;
  }
  .container .row .column.fourteen-left,
  .container .row .columns.fourteen-left {
    margin-left: 397.5px !important;
  }
  .container .row .column.fifteen-left,
  .container .row .columns.fifteen-left {
    margin-left: 426.25px !important;
  }
  .container .row .column.one-right,
  .container .row .columns.one-right {
    margin-left: 23.75px !important;
  }
  .container .row .column.two-right,
  .container .row .columns.two-right {
    margin-left: 52.5px !important;
  }
  .container .row .column.three-right,
  .container .row .columns.three-right {
    margin-left: 81.25px !important;
  }
  .container .row .column.four-right,
  .container .row .columns.four-right {
    margin-left: 110px !important;
  }
  .container .row .column.five-right,
  .container .row .columns.five-right {
    margin-left: 138.75px !important;
  }
  .container .row .column.six-right,
  .container .row .columns.six-right {
    margin-left: 167.5px !important;
  }
  .container .row .column.seven-right,
  .container .row .columns.seven-right {
    margin-left: 196.25px !important;
  }
  .container .row .column.eight-right,
  .container .row .columns.eight-right {
    margin-left: 225px !important;
  }
  .container .row .column.nine-right,
  .container .row .columns.nine-right {
    margin-left: 253.75px !important;
  }
  .container .row .column.ten-right,
  .container .row .columns.ten-right {
    margin-left: 282.5px !important;
  }
  .container .row .column.eleven-right,
  .container .row .columns.eleven-right {
    margin-left: 311.25px !important;
  }
  .container .row .column.twelve-right,
  .container .row .columns.twelve-right {
    margin-left: 340px !important;
  }
  .container .row .column.thirteen-right,
  .container .row .columns.thirteen-right {
    margin-left: 368.75px !important;
  }
  .container .row .column.fourteen-right,
  .container .row .columns.fourteen-right {
    margin-left: 397.5px !important;
  }
  .container .row .column.fifteen-right,
  .container .row .columns.fifteen-right {
    margin-left: 426.25px !important;
  }
  .container .row .column.one {
    width: 18.75px;
  }
  .container .row .columns.two {
    width: 47.5px;
  }
  .container .row .columns.three {
    width: 76.25px;
  }
  .container .row .columns.four {
    width: 105px;
  }
  .container .row .columns.five {
    width: 133.75px;
  }
  .container .row .columns.six {
    width: 162.5px;
  }
  .container .row .columns.seven {
    width: 191.25px;
  }
  .container .row .columns.eight {
    width: 220px;
  }
  .container .row .columns.nine {
    width: 248.75px;
  }
  .container .row .columns.ten {
    width: 277.5px;
  }
  .container .row .columns.eleven {
    width: 306.25px;
  }
  .container .row .columns.twelve {
    width: 335px;
  }
  .container .row .columns.thirteen {
    width: 363.75px;
  }
  .container .row .columns.fourteen {
    width: 392.5px;
  }
  .container .row .columns.fifteen {
    width: 421.25px;
  }
  .container .row .columns.sixteen,
  .container .row .columns.all {
    width: 450px;
  }
  figure {
    min-width: 450px;
    max-width: 450px;
  }
}
@media screen and (max-width: 490px) {
  .container,
  .container .row,
  .container .row .column,
  .container .row .columns {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: both;
    box-sizing: border-box;
  }
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .container .row .column + .column,
  .container .row .columns + .column,
  .container .row .column + .columns,
  .container .row .columns + .columns {
    margin-top: 1rem;
  }
  figure {
    min-width: 0;
    max-width: auto;
  }
  .no-mobile {
    display: none !important;
  }
}
/**
  * =FONTS
  */
@font-face {
  font-family: 'open-sans';
  src: url('../fonts/open-sans/open-sans.eot');
  src: url('../fonts/open-sans/open-sans.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/open-sans.woff') format('woff'), url('../fonts/open-sans/open-sans.ttf') format('truetype'), url('../fonts/open-sans/open-sans.svg#09be4bfe8975a657af6444a6f1d73848') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'open-sans';
  src: url('../fonts/open-sans/open-sans-i.eot');
  src: url('../fonts/open-sans/open-sans-i.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/open-sans-i.woff') format('woff'), url('../fonts/open-sans/open-sans-i.ttf') format('truetype'), url('../fonts/open-sans/open-sans-i.svg#fccccf1acf55b11d3e92cdf123b28da0') format('svg');
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: 'open-sans';
  src: url('../fonts/open-sans/open-sans-sb.eot');
  src: url('../fonts/open-sans/open-sans-sb.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/open-sans-sb.woff') format('woff'), url('../fonts/open-sans/open-sans-sb.ttf') format('truetype'), url('../fonts/open-sans/open-sans-sb.svg#b96880fafbf6b051ff49d9fe8a31137c') format('svg');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'open-sans';
  src: url('../fonts/open-sans/open-sans-sbi.eot');
  src: url('../fonts/open-sans/open-sans-sbi.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/open-sans-sbi.woff') format('woff'), url('../fonts/open-sans/open-sans-sbi.ttf') format('truetype'), url('../fonts/open-sans/open-sans-sbi.svg#32756bd590186a9f248741d5548b466e') format('svg');
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: 'open-sans-heading';
  src: url('../fonts/open-sans/open-sans-b.eot');
  src: url('../fonts/open-sans/open-sans-b.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/open-sans-b.woff') format('woff'), url('../fonts/open-sans/open-sans-b.ttf') format('truetype'), url('../fonts/open-sans/open-sans-b.svg#5c62748eddf7ad78c6f00917cd538fb7') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'anonymous-pro';
  src: url('../fonts/anonymous-pro/anonymous-pro.eot');
  src: url('../fonts/anonymous-pro/anonymous-pro.eot?#iefix') format('embedded-opentype'), url('../fonts/anonymous-pro/anonymous-pro.woff') format('woff'), url('../fonts/anonymous-pro/anonymous-pro.ttf') format('truetype'), url('../fonts/anonymous-pro/anonymous-pro.svg#488ed4a0c3cc470469719192a1f4c813') format('svg');
  font-style: normal;
  font-weight: normal;
}
html,
body {
  font-family: 'open-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
@media screen and (max-width: 679px) {
  html,
  body {
    font-size: 16px;
  }
}
@media screen and (max-width: 490px) {
  html,
  body {
    font-size: 14px;
  }
}
@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  html {
    -webkit-text-size-adjust: none;
  }
}
/**
  * =FONTS
  */
/**
  * =BASICS
  */
body {
  color: #142a34;
  background-image: url('../images/body.png');
  background-position: center top;
  background-color: #fcfcfc;
}
a {
  color: rgba(141, 162, 58, 0.95);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}
span.spacer:last-child {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'open-sans-heading', 'open-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: rgba(20, 42, 52, 0.8);
}
h1 + *,
h2 + *,
h3 + *,
h4 + *,
h5 + *,
h6 + *,
h1 + .subtitle + *,
h2 + .subtitle + *,
h3 + .subtitle + *,
h4 + .subtitle + *,
h5 + .subtitle + *,
h6 + .subtitle + *,
h1 + .subtitle + .content-warning + *,
h2 + .subtitle + .content-warning + *,
h3 + .subtitle + .content-warning + *,
h4 + .subtitle + .content-warning + *,
h5 + .subtitle + .content-warning + *,
h6 + .subtitle + .content-warning + * {
  margin-top: 1.2rem !important;
}
h1 + article,
h2 + article,
h3 + article,
h4 + article,
h5 + article,
h6 + article,
h1 + .subtitle + article,
h2 + .subtitle + article,
h3 + .subtitle + article,
h4 + .subtitle + article,
h5 + .subtitle + article,
h6 + .subtitle + article,
h1 + .subtitle + .content-warning + article,
h2 + .subtitle + .content-warning + article,
h3 + .subtitle + .content-warning + article,
h4 + .subtitle + .content-warning + article,
h5 + .subtitle + .content-warning + article,
h6 + .subtitle + .content-warning + article {
  padding-top: 0 !important;
}
h1 + .subtitle,
h2 + .subtitle,
h3 + .subtitle,
h4 + .subtitle,
h5 + .subtitle,
h6 + .subtitle {
  margin-top: 0.5rem !important;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
pre + h1,
pre + h2,
pre + h3,
pre + h4,
pre + h5,
pre + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6,
figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6,
article + h1,
article + h2,
article + h3,
article + h4,
article + h5,
article + h6,
section + h1,
section + h2,
section + h3,
section + h4,
section + h5,
section + h6 {
  margin-top: 3rem;
}
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
  text-decoration: none;
}
h1 {
  font-size: 3.2rem;
  color: #8DA23A;
  color: rgba(141, 162, 58, 0.9);
  text-shadow: 0 0 20px rgba(20, 42, 52, 0.05);
}
h1 a {
  color: rgba(141, 162, 58, 0.95);
}
h1 span.series {
  display: block;
  font-size: 1.5rem;
  color: #7bb3cc;
  color: rgba(20, 42, 52, 0.5);
}
@media (prefers-color-scheme: dark) {
  h1 span.series {
    color: rgba(252, 252, 252, 0.5);
  }
}
h1 span.series span {
  display: none;
}
h1 + *,
h1 + .subtitle + *,
h1 + .subtitle + .content-warning + * {
  margin-top: 3rem !important;
}
h1 + .subtitle {
  margin-top: 0.75rem !important;
}
@media screen and (max-width: 799px) {
  h1 {
    font-size: 2.65rem;
  }
}
@media screen and (max-width: 679px) {
  h1 {
    font-size: 2rem;
  }
}
h2 {
  font-size: 2rem;
  color: rgba(20, 42, 52, 0.8);
}
h3 {
  font-size: 1.66rem;
  color: rgba(20, 42, 52, 0.6);
}
h4 {
  font-size: 1.33rem;
  color: rgba(20, 42, 52, 0.7);
}
h5 {
  font-size: 1rem;
  color: rgba(20, 42, 52, 0.5);
}
.subtitle {
  font-size: 0.8rem;
  font-style: italic;
  color: #889398;
}
.subtitle li {
  float: left;
}
.subtitle li + li:before {
  content: '/';
  padding: 0 0.5rem;
}
.subtitle a {
  color: inherit;
}
.subtitle a:active,
.subtitle a:focus,
.subtitle a:hover {
  color: #8DA23A;
}
.subtitle.large {
  margin-top: 0.25rem !important;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.1;
}
.subtitle + .content-warning {
  margin-top: 1.2rem !important;
}
.content-warning {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
  padding: 0.25rem 1rem;
  color: #fcfcfc;
  background-color: #bb2c44;
  border-radius: 3px;
}
p,
ol,
ul,
blockquote,
table {
  margin: 0;
}
p + p,
p + ol,
p + ul,
p + blockquote,
p + table,
ol + p,
ol + ol,
ol + ul,
ol + blockquote,
ol + table,
ul + p,
ul + ol,
ul + ul,
ul + blockquote,
ul + table,
blockquote + p,
blockquote + ol,
blockquote + ul,
blockquote + blockquote,
blockquote + table,
table + p,
table + ol,
table + ul,
table + blockquote,
table + table {
  margin-top: 1rem;
}
p + blockquote,
ol + blockquote,
ul + blockquote,
blockquote + blockquote,
table + blockquote,
blockquote + p,
blockquote + ol,
blockquote + ul,
blockquote + blockquote,
blockquote + table {
  margin-top: 1.5rem;
}
p + figure,
ol + figure,
ul + figure,
blockquote + figure,
table + figure,
figure + p,
figure + ol,
figure + ul,
figure + blockquote,
figure + table {
  margin-top: 3rem !important;
}
p + article,
ol + article,
ul + article,
blockquote + article,
table + article,
article + p,
article + ol,
article + ul,
article + blockquote,
article + table {
  padding-top: 3.5rem !important;
}
blockquote {
  padding-left: 1.4rem;
  color: #29576b;
  border-left: 0.2rem solid rgba(20, 42, 52, 0.2);
}
img,
video {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
code {
  padding: 0.1rem 0.3rem;
  font-family: 'anonymous-pro', 'Courier', monospace;
  background-color: rgba(238, 238, 238, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 0.2rem;
}
pre code {
  display: block;
  margin: 1.5rem -0.5rem;
  padding: 0.1rem 0.5rem;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre;
  overflow-x: scroll;
}
code.with-lines {
  padding: 0;
  white-space: pre;
  overflow: scroll;
}
code.with-lines .line {
  display: table-row;
  width: 100%;
}
code.with-lines .line .number,
code.with-lines .line .code {
  display: table-cell;
  padding: 0 0.5rem;
}
code.with-lines .line .number {
  position: sticky;
  left: 0;
  width: 40px;
  background-color: #fbfbfb;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
code.with-lines .line .code {
  width: 100%;
}
code.with-lines .line.highlighted .number,
code.with-lines .line.highlighted .code {
  background-color: #bbcd75;
}
table {
  width: 100%;
}
table td,
table th {
  padding: 0.25rem;
}
table tr + tr td,
table tr + tr th {
  border-top: 1px solid rgba(20, 42, 52, 0.25);
}
figure {
  margin: 0 auto;
  padding: 0 10px;
}
.columns figure {
  padding: 0;
  min-width: auto !important;
  max-width: none !important;
}
.container + figure,
figure + .container,
figure + figure {
  margin-top: 3rem !important;
}
figure.constrained,
figure.series {
  max-width: 768px;
}
figure figcaption {
  width: 60%;
  min-width: 400px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 0.8rem;
  line-height: 1.3;
  text-align: center;
  color: #889398;
}
@media screen and (max-width: 490px) {
  figure figcaption {
    width: auto;
    min-width: 0;
  }
}
figure video {
  width: 100%;
}
figure img,
figure video {
  display: block;
  max-width: 100%;
  height: auto;
  box-shadow: 0 10px 40px rgba(20, 42, 52, 0.07), 0 0 1px rgba(20, 42, 52, 0.07);
  border-radius: 3px;
  overflow: hidden;
}
figure img.constrained,
figure video.constrained {
  max-width: 768px;
}
figure img.with-alpha,
figure video.with-alpha {
  box-shadow: none;
  border-radius: 0;
}
figure img.with-alpha + figcaption,
figure video.with-alpha + figcaption {
  margin-top: 0;
}
figure img.with-padding,
figure video.with-padding {
  padding: 15px;
  background-color: white;
}
figure img.zoomable,
figure video.zoomable {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
figure .icon.ios img {
  border-radius: 22%;
}
figure .icon.ios6 img {
  border-radius: 18%;
}
figure:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.audiojs {
  position: relative;
  display: block;
  height: 36px;
  margin: 2rem 0;
  margin-left: 37px;
  margin-right: 111px;
  font-size: 12px;
  background-color: #142a34;
  box-sizing: border-box;
}
.audiojs audio {
  display: none;
}
.audiojs .play-pause,
.audiojs .time {
  position: absolute;
  height: 36px;
  margin: 0;
  overflow: hidden;
  background-color: #142a34;
  box-sizing: border-box;
}
.audiojs .play-pause {
  left: -37px;
  width: 36px;
  margin-right: 1px;
  border-radius: 5px 0 0 5px;
}
.audiojs .play-pause p {
  display: none;
  width: inherit;
  height: inherit;
  margin: 0;
  cursor: pointer;
  background-image: url('../images/controls.svg');
  background-repeat: no-repeat;
}
.audiojs .play-pause p.play {
  display: block;
  background-position: 0 0;
}
.audiojs .play-pause p.loading {
  background-position: 0 -36px;
}
.audiojs .play-pause p.error {
  background-position: 0 -72px;
}
.audiojs .play-pause p.pause {
  background-position: 0 -108px;
}
.audiojs .play-pause p:active,
.audiojs .play-pause p:focus,
.audiojs .play-pause p:hover {
  background-color: #8DA23A;
}
.audiojs .scrubber {
  position: absolute;
  top: 50%;
  left: 13px;
  right: 13px;
  height: 10px;
  margin-top: -5px;
  background-color: rgba(252, 252, 252, 0.15);
  border-radius: 5px;
  overflow: hidden;
}
.audiojs .scrubber .progress,
.audiojs .scrubber .loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 10px;
  border-radius: 5px;
}
.audiojs .scrubber .progress {
  z-index: 1;
  background-color: #fcfcfc;
  box-shadow: 0 0 1px 1px rgba(20, 42, 52, 0.2);
}
.audiojs .scrubber .loaded {
  background-color: rgba(252, 252, 252, 0.3);
  box-shadow: 0 0 1px 1px rgba(20, 42, 52, 0.2);
}
.audiojs .time {
  right: -111px;
  width: 110px;
  margin-left: 1px;
  padding: 0 12px;
  line-height: 36px;
  text-align: center;
  color: white;
  border-radius: 0 5px 5px 0;
}
.audiojs .time em {
  padding: 0px 2px 0px 0px;
  color: #f9f9f9;
  font-style: normal;
}
.audiojs .time strong {
  padding: 0px 0px 0px 2px;
  font-weight: normal;
}
.audiojs.loading .play-pause p.play,
.audiojs.playing .play-pause p.play,
.audiojs.error .play-pause p.play {
  display: none;
}
.audiojs.loading .play-pause p.loading,
.audiojs.playing .play-pause p.pause,
.audiojs.error .play-pause p.error {
  display: block;
}
.audiojs.error {
  background-color: transparent;
}
.audiojs.error .scrubber,
.audiojs.error .time {
  display: none;
}
.audiojs.error .play-pause p {
  cursor: auto;
  background-color: transparent !important;
}
.audiojs.error .error-message {
  position: absolute;
  left: 0;
  right: -111px;
  height: 36px;
  padding-left: 12px;
  font-size: 12px;
  line-height: 36px;
  background-color: #d2d2d2;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  border-radius: 0 5px 5px 0;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.audiojs.error .error-message a {
  color: #eee;
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid #999;
  white-space: wrap;
}
.audio-version {
  margin-top: 2em;
}
.audio-version + * {
  margin-top: 2em !important;
}
.audio-version .audiojs {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.audio-version h1,
.audio-version h2,
.audio-version h3,
.audio-version h4,
.audio-version h5,
.audio-version h6 {
  display: none;
}
.audio-version .audio-chapters,
.audio-version .download {
  margin-top: 0.5rem !important;
}
.audio-version .audio-chapters {
  border-radius: 5px;
  overflow: hidden;
  font-size: 0.9rem;
}
.audio-version .audio-chapters thead th {
  display: none;
}
.audio-version .audio-chapters tr[data-chapter] .start {
  width: 12.5%;
  text-align: right;
  vertical-align: text-top;
  padding-right: 1rem;
}
.audio-version .audio-chapters tr[data-chapter] .title {
  text-align: left;
  vertical-align: text-top;
}
.audio-version .audio-chapters tr[data-chapter] .image {
  width: 5%;
  text-align: center;
}
.audio-version .audio-chapters tr[data-chapter] .image img {
  display: inline-block;
  width: auto;
  height: 19px;
  vertical-align: middle;
}
.audio-version .audio-chapters tr[data-chapter].playing td,
.audio-version .audio-chapters tr[data-chapter].playing th {
  background-color: rgba(20, 42, 52, 0.05);
}
.audio-version .download {
  font-size: 0.8rem;
}
::-moz-selection {
  background: rgba(141, 162, 58, 0.5);
  text-shadow: none;
}
::selection {
  background: rgba(141, 162, 58, 0.5);
  text-shadow: none;
}
/**
  * =HEADER
  */
header {
  margin-top: 5rem !important;
  margin-bottom: 3rem !important;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2.5;
}
header.absolute {
  position: relative;
  height: 0;
  padding: 0;
  background-color: #f00 !important;
}
header.absolute .row {
  position: absolute;
  width: 100%;
}
header #site-title {
  margin: 0;
  padding: 0;
}
header #site-title a {
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  display: block;
  width: 3.33333333rem;
  height: 3.33333333rem;
  margin: 0 -1.61111111rem;
  text-indent: -1000000px;
}
header #site-title a svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: 50ms ease-in-out;
  transition-property: transform;
}
header #site-title a svg path {
  fill: #0e1f26;
}
header #site-title a:hover svg,
header #site-title a:active svg,
header #site-title a:focus svg {
  opacity: 1;
  transform: scale(1.2);
}
header #site-title a:hover svg path,
header #site-title a:active svg path,
header #site-title a:focus svg path {
  fill: #8DA23A;
}
header nav {
  width: 100%;
}
header nav ul {
  display: table;
  padding: 0.83333333rem 0 0.27777778rem;
  width: 100%;
}
header nav ul li {
  float: left;
  width: 20%;
  margin: 0;
  padding: 0;
  text-align: center;
}
header nav ul li:nth-child(3) {
  margin-left: 20%;
}
header nav ul li a {
  display: block;
  width: 80%;
  margin: 0 10%;
  padding: 0 auto;
  text-decoration: none !important;
  text-transform: lowercase;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  color: rgba(20, 42, 52, 0.5);
  border-radius: 5px;
}
header nav ul li a:hover,
header nav ul li a:active,
header nav ul li a:focus {
  color: #8DA23A;
}
header nav ul li.selected a {
  color: rgba(141, 162, 58, 0.8);
  text-shadow: 0 0 10px rgba(20, 42, 52, 0.15);
}
/**
  * =CONTENT
  */
#content p.page-back {
  margin: 0 !important;
  font-size: 1.6rem;
}
#content p.empty {
  display: block;
  margin: 0;
  margin-bottom: 3rem !important;
  font-family: 'open-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: rgba(20, 42, 52, 0.3);
}
#content ul:not([class]) {
  padding-left: 2rem;
}
#content ul:not([class]) li {
  list-style: disc;
}
#content ul:not([class]) li * + p {
  margin-top: 0.25rem;
}
#content ul.tags {
  margin-top: 2rem;
}
#content ul.tags li {
  float: left;
  margin-right: 3rem;
  font-size: 1.2rem;
  font-style: italic;
}
#content ul.tags li:last-child {
  margin-right: 0;
}
#content ul.tags li a {
  color: #889398;
}
#content ul.tags li a:hover,
#content ul.tags li a:active,
#content ul.tags li a:focus {
  color: #8DA23A;
}
#content ul.icon-list {
  margin-top: 2rem !important;
  color: rgba(20, 42, 52, 0.8);
}
#content ul.icon-list i.icon {
  display: inline-block;
  margin-right: 0.5rem;
}
#content ul.icon-list i.icon svg {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 1px;
}
#content ul.icon-list i.icon svg path {
  fill: #8DA23A;
}
#content ul.icon-list + * {
  margin-top: 2rem !important;
}
#content ul.icon-list.inline li {
  display: inline;
  margin-right: 1rem;
}
#content ul.icon-list strong {
  font-weight: normal;
  color: rgba(20, 42, 52, 0.9);
}
#content ol:not([class]) {
  padding-left: 2rem;
}
#content ol:not([class]) li {
  list-style: decimal;
}
#content ol:not([class]) li * + p {
  margin-top: 0.25rem;
}
#content article,
#content section,
#content div.post {
  position: relative;
  margin-bottom: 3rem !important;
}
#content article.documentation,
#content section.documentation,
#content div.post.documentation {
  font-size: 0.8rem;
  line-height: 1.4;
}
#content article.documentation table tr + tr th,
#content section.documentation table tr + tr th,
#content div.post.documentation table tr + tr th,
#content article.documentation table tr + tr td,
#content section.documentation table tr + tr td,
#content div.post.documentation table tr + tr td {
  padding-top: 0.5em;
}
#content article.documentation table th,
#content section.documentation table th,
#content div.post.documentation table th {
  padding-right: 1em;
  font-weight: normal;
  white-space: nowrap;
}
#content article + article,
#content section + article,
#content div.post + article,
#content article + section,
#content section + section,
#content div.post + section,
#content article + div.post,
#content section + div.post,
#content div.post + div.post {
  padding-top: 3.5rem !important;
}
#content article + article:before,
#content section + article:before,
#content div.post + article:before,
#content article + section:before,
#content section + section:before,
#content div.post + section:before,
#content article + div.post:before,
#content section + div.post:before,
#content div.post + div.post:before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 60%;
  height: 1px;
  margin: 0 auto;
  background-color: rgba(20, 42, 52, 0.1);
  overflow: hidden;
}
#content article + div.row,
#content section + div.row,
#content div.post + div.row {
  margin-top: 5rem !important;
}
#content article .series,
#content section .series,
#content div.post .series {
  padding-top: 3.5rem !important;
}
#content article .series + .series,
#content section .series + .series,
#content div.post .series + .series {
  margin-top: 1.2rem !important;
  padding-top: 0 !important;
}
#content article .footnotes,
#content section .footnotes,
#content div.post .footnotes {
  font-size: 0.75rem !important;
  line-height: 1.5em !important;
}
#content article .footnotes ol,
#content section .footnotes ol,
#content div.post .footnotes ol {
  padding: 0 2rem;
}
#content article .footnotes ol li + li,
#content section .footnotes ol li + li,
#content div.post .footnotes ol li + li {
  margin-top: 1rem;
}
#content hr {
  width: 60%;
  height: 1px;
  margin: 3rem auto;
  background-color: rgba(20, 42, 52, 0.1);
  border: none;
  overflow: hidden;
}
#content ul.pagination {
  display: table;
  margin: 0 auto;
  text-align: center;
}
#content ul.pagination + * {
  margin-top: 3rem !important;
}
#content ul.pagination li {
  display: inline-block;
}
#content ul.pagination li + li {
  margin-left: 0.5rem;
}
#content ul.pagination li a,
#content ul.pagination li span {
  display: block;
  min-width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  border-bottom: none;
  border-radius: 3px;
  transition: all 150ms ease-in-out;
}
#content ul.pagination li a:hover,
#content ul.pagination li a:focus,
#content ul.pagination li a:active {
  color: white;
  background-color: #8DA23A;
}
#content ul.pagination li span {
  color: white;
  background-color: rgba(20, 42, 52, 0.3);
}
#content ul.pagination li.older a,
#content ul.pagination li.newer a,
#content ul.pagination li.older span,
#content ul.pagination li.newer span {
  padding: 0 0.5rem;
}
#content ul.pagination li.older span,
#content ul.pagination li.newer span {
  color: rgba(20, 42, 52, 0.3);
  background-color: transparent;
}
#content ul.pagination li.ellipsis span {
  color: rgba(20, 42, 52, 0.3);
  background-color: transparent;
}
#content .list-view {
  margin: 0 -10px 3rem;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(20, 42, 52, 0.08);
  border-radius: 5px;
  box-shadow: 0 10px 40px rgba(20, 42, 52, 0.02);
}
#content .list-view > li {
  position: relative;
}
#content .list-view > li + li {
  border-top: 1px solid rgba(20, 42, 52, 0.08);
}
#content .list-view > li:first-child a {
  border-radius: 5px 5px 0 0;
}
#content .list-view > li:last-child a {
  border-radius: 0 0 5px 5px;
}
#content .list-view > li:only-child a {
  border-radius: 5px;
}
#content .list-view > li > a,
#content .list-view > li > span {
  position: relative;
  display: block;
  height: 55px;
  text-decoration: none;
  line-height: 1;
  padding: 0;
  box-sizing: border-box;
}
#content .list-view > li > a .details,
#content .list-view > li > span .details {
  display: table-cell;
  height: inherit;
  padding: 5px 10px;
  font-size: 0.8rem;
  vertical-align: middle;
  box-sizing: border-box;
}
#content .list-view > li > a .details h2,
#content .list-view > li > span .details h2,
#content .list-view > li > a .details h3,
#content .list-view > li > span .details h3,
#content .list-view > li > a .details h4,
#content .list-view > li > span .details h4,
#content .list-view > li > a .details h5,
#content .list-view > li > span .details h5 {
  font-size: 1rem;
  font-weight: 500;
  vertical-align: middle;
}
#content .list-view > li > a .details h2 code,
#content .list-view > li > span .details h2 code,
#content .list-view > li > a .details h3 code,
#content .list-view > li > span .details h3 code,
#content .list-view > li > a .details h4 code,
#content .list-view > li > span .details h4 code,
#content .list-view > li > a .details h5 code,
#content .list-view > li > span .details h5 code {
  padding: 0 !important;
  background-color: transparent;
}
#content .list-view > li > a .details p,
#content .list-view > li > span .details p {
  margin-top: 5px !important;
}
#content .list-view > li > a .accessories,
#content .list-view > li > span .accessories {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
#content .list-view > li > a .accessories li,
#content .list-view > li > span .accessories li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.7);
}
#content .list-view > li > a .accessories:before,
#content .list-view > li > span .accessories:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  background-color: purple;
  vertical-align: middle;
}
#content .list-view > li > a[href]:active,
#content .list-view > li > span[href]:active,
#content .list-view > li > a[href]:focus,
#content .list-view > li > span[href]:focus,
#content .list-view > li > a[href]:hover,
#content .list-view > li > span[href]:hover {
  margin: -1px;
  height: 57px;
  background-color: rgba(141, 162, 58, 0.6);
}
#content .list-view > li > a[href]:active .details,
#content .list-view > li > span[href]:active .details,
#content .list-view > li > a[href]:focus .details,
#content .list-view > li > span[href]:focus .details,
#content .list-view > li > a[href]:hover .details,
#content .list-view > li > span[href]:hover .details {
  padding: 6px 11px;
}
#content .exception {
  margin: 3rem 0 4rem;
  text-align: center;
}
#content .exception .code {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  color: rgba(20, 42, 52, 0.15);
}
#content .exception .message {
  display: block;
  margin: 0;
  font-family: 'open-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: #142a34, 15%;
}
#content .exception h1 .code {
  font-size: 150px;
  line-height: 150px;
  letter-spacing: 5px;
  text-shadow: 0 0 10px rgba(20, 42, 52, 0.15);
}
#content .exception h2 .code {
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 1px;
  text-shadow: 0 0 5px rgba(20, 42, 52, 0.15);
}
/**
  * =FOOTER
  */
footer {
  margin-top: 3rem;
  margin-bottom: 4rem;
  font-size: 0.7rem;
  line-height: 1.5;
  text-align: center;
  color: #889398;
}
footer .social {
  margin: 0 auto 2rem;
}
footer p {
  margin-top: 0 !important;
  margin-bottom: 0;
  padding-top: 0.6rem;
  padding-bottom: 0.4rem;
}
/**
  * =SYNTAX
  */
.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #998;
  font-style: italic;
}
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #099;
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
  color: #d14;
}
.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}
.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
  font-weight: normal;
}
.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #008080;
}
.hljs-regexp {
  color: #009926;
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}
.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
  color: #0086b3;
}
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}
.hljs-deletion {
  background: #fdd;
}
.hljs-addition {
  background: #dfd;
}
.diff .hljs-change {
  background: #0086b3;
}
.hljs-chunk {
  color: #aaa;
}
/**
  * =FORMS
  */
::-webkit-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
form {
  margin-bottom: 3rem;
}
form .form-field > label {
  color: #30657e;
}
form label {
  line-height: 34px;
}
@media screen and (max-width: 519px) {
  form label {
    line-height: normal;
    padding-bottom: 5px !important;
  }
}
form .ui-required {
  color: #8DA23A;
}
form span.input-wrapper,
form input[type=text],
form input[type=email],
form input[type=search],
form select,
form textarea {
  padding: 6px 8px !important;
  font-family: 'open-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(20, 42, 52, 0.2);
  border-radius: 3px;
  box-shadow: 0 10px 40px rgba(20, 42, 52, 0.02), 0 1px 5px rgba(20, 42, 52, 0.07) inset;
  outline: none;
  -webkit-appearance: none;
  transition: 300ms ease-in-out;
  transition-property: background-color, border-color, box-shadow;
}
form span.input-wrapper:focus,
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=search]:focus,
form select:focus,
form textarea:focus,
form span.input-wrapper.focus,
form input[type=text].focus,
form input[type=email].focus,
form input[type=search].focus,
form select.focus,
form textarea.focus {
  background-color: rgba(255, 255, 255, 0.6);
  border-color: #8DA23A;
  box-shadow: 0 0 10px rgba(141, 162, 58, 0.15);
}
form span.input-wrapper[disabled],
form input[type=text][disabled],
form input[type=email][disabled],
form input[type=search][disabled],
form select[disabled],
form textarea[disabled] {
  background-color: rgba(246, 247, 247, 0.412);
  border-color: rgba(20, 42, 52, 0.15);
  box-shadow: 0 10px 40px rgba(20, 42, 52, 0.02), 0 1px 5px rgba(20, 42, 52, 0.035) inset;
  color: rgba(20, 42, 52, 0.5);
}
form span.input-wrapper,
form input[type=text],
form input[type=email],
form input[type=search] {
  line-height: 1;
}
@media screen and (max-width: 519px) {
  form span.input-wrapper,
  form input[type=text],
  form input[type=email],
  form input[type=search],
  form select {
    line-height: 32px;
  }
}
form input[type=search] {
  padding: 8px 12px 8px 46px !important;
  background-color: rgba(20, 42, 52, 0.1);
  background-image: url("../images/search-static.svg");
  background-position: 12px center;
  background-repeat: no-repeat;
  border-radius: 13px;
  border: none;
  box-shadow: 0 0 10px rgba(20, 42, 52, 0.01);
}
form input[type=search]:after {
  content: "";
  display: none;
}
form input[type=search].loading,
form input[type=search]:after {
  background-image: url("../images/search-loading.svg");
}
form input[type=search]:focus {
  background-color: rgba(20, 42, 52, 0.12);
  box-shadow: 0 0 10px rgba(20, 42, 52, 0.02);
}
form input[type=search].columns.sixteen:first-child,
form input[type=search].columns.sixteen:last-child {
  box-sizing: content-box;
  margin-left: -12px !important;
  margin-right: -12px !important;
}
form span.input-wrapper {
  padding: 0 !important;
  overflow: hidden;
}
form span.input-wrapper > span,
form span.input-wrapper > label {
  display: table;
  width: 100%;
  line-height: inherit !important;
}
form span.input-wrapper > span .input-prefix,
form span.input-wrapper > label .input-prefix,
form span.input-wrapper > span .input-suffix,
form span.input-wrapper > label .input-suffix,
form span.input-wrapper > span input[type=text],
form span.input-wrapper > label input[type=text],
form span.input-wrapper > span input[type=email],
form span.input-wrapper > label input[type=email],
form span.input-wrapper > span select,
form span.input-wrapper > label select {
  display: table-cell;
  box-sizing: border-box;
}
form span.input-wrapper > span .input-prefix,
form span.input-wrapper > label .input-prefix,
form span.input-wrapper > span .input-suffix,
form span.input-wrapper > label .input-suffix {
  padding: 6px 8px !important;
  color: rgba(20, 42, 52, 0.5);
  vertical-align: middle;
}
form span.input-wrapper > span .input-prefix,
form span.input-wrapper > label .input-prefix {
  border-right: 1px solid rgba(20, 42, 52, 0.03);
}
form span.input-wrapper > span .input-suffix,
form span.input-wrapper > label .input-suffix {
  border-left: 1px solid rgba(20, 42, 52, 0.03);
}
form span.input-wrapper > span input[type=text],
form span.input-wrapper > label input[type=text],
form span.input-wrapper > span input[type=email],
form span.input-wrapper > label input[type=email],
form span.input-wrapper > span select,
form span.input-wrapper > label select {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
form select {
  background-image: url('../images/select.svg');
  background-position: right center;
  background-repeat: no-repeat;
}
form input[type=radio] {
  margin-right: 5px;
}
form button,
.button {
  display: block;
  width: 100%;
  padding: 0 10px;
  line-height: 2.28571429rem;
  font-family: 'open-sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  text-align: center;
  text-shadow: none;
  color: white;
  background: rgba(141, 162, 58, 0.8);
  border: none;
  border-radius: 4px;
  outline: none;
  box-sizing: border-box;
  transition: 300ms ease-in-out;
  transition-property: background-color, box-shadow;
}
form button:active,
form button:focus,
form button:hover,
.button:active,
.button:focus,
.button:hover {
  background-color: #8DA23A;
  box-shadow: 0 0 15px rgba(141, 162, 58, 0.4);
}
@media screen and (max-width: 519px) {
  form button,
  .button {
    line-height: 42px;
  }
}
form .form-button {
  margin-top: 2rem !important;
}
.button {
  text-decoration: none !important;
}
/**
  * Errors
  */
.ui-error,
.ui-warning,
.ui-notice,
.form-success,
.form-error {
  margin: 0 -1rem;
  margin-bottom: 2rem;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}
.ui-error a,
.ui-warning a,
.ui-notice a,
.form-success a,
.form-error a {
  color: inherit;
  text-decoration: underline;
}
.ui-error,
.form-error {
  background-color: #bb2c44;
}
.ui-warning {
  background-color: #e8d01c;
}
.ui-notice,
.form-success {
  background-color: #8fa43b;
}
/**
  * =MOSAIC
  */
.mosaic {
  width: auto !important;
  margin-top: 1rem;
  margin-left: -10px;
  margin-right: -10px;
  text-align: center;
}
.mosaic .tile {
  position: relative;
  float: left;
  width: 25%;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .mosaic .tile {
    width: 50%;
  }
}
.mosaic .tile a {
  display: block;
  margin: 0;
  padding: 0 10px 20px;
  text-decoration: none;
}
.mosaic .tile a h3 {
  display: none;
}
.mosaic .tile a img {
  display: block;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  transition: transform 100ms ease-in-out;
  transition-property: transform, opacity, box-shadow;
}
.mosaic .tile a:hover,
.mosaic .tile a:active,
.mosaic .tile a:focus {
  opacity: 1 !important;
  z-index: 10;
}
.mosaic .tile a:hover img {
  transform: scale(1.05) !important;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.mosaic .tile a:active img {
  transform: scale(1.03) !important;
  transition: transform 0 ease-in-out;
}
/**
  * =BUTTONS
  */
.buttons {
  display: table;
  margin-left: 0;
}
.buttons li {
  float: left;
  margin-right: 0.5rem;
  list-style: none;
}
.buttons li a {
  display: inline-block;
  padding: 0 10px;
  line-height: 1.6rem;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  color: #fcfcfc !important;
  background-color: rgba(20, 42, 52, 0.3);
  border-radius: 4px;
  transition: 300ms ease-in-out;
  transition-property: background-color;
}
.buttons li a:active,
.buttons li a:focus,
.buttons li a:hover {
  background-color: #8DA23A;
}
/**
  * =SOCIAL LINKS
  */
.social {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  text-align: center;
}
.social + * {
  margin-top: 3.5rem;
}
.social li {
  display: inline-block;
  margin: 0 0.5rem;
}
.social li a {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -1000000px;
  transition: 100ms ease-in-out;
  transition-property: opacity, transform;
}
.social li a:before {
  display: block;
  content: attr(alt);
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  margin: 0 -50px;
  text-indent: 0;
  text-align: center;
  white-space: nowrap;
  font-size: 0.6rem;
  opacity: 0;
  transition: 100ms ease-in-out;
  transition-property: opacity, top;
}
.social li a svg {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100% !important;
  width: 100% !important;
  text-indent: -1000000px;
  opacity: 0.5;
  transition: 100ms ease-in-out;
  transition-property: opacity, transform;
}
.social li a svg path {
  fill: #142a34;
  transition: 100ms ease-in-out;
  transition-property: fill;
}
.social li a:active,
.social li a:focus,
.social li a:hover {
  opacity: 1;
  transform: scale(1.5);
  z-index: 1000;
}
.social li a:active:before,
.social li a:focus:before,
.social li a:hover:before {
  top: -0.8rem;
  opacity: 1;
}
.social li a:active svg,
.social li a:focus svg,
.social li a:hover svg {
  opacity: 1;
}
.social li a:active svg path,
.social li a:focus svg path,
.social li a:hover svg path {
  fill: #8DA23A;
}
.social.large li a {
  width: 64px;
  height: 64px;
}
/**
  * =PRINT
  */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}