:root {
	--font: 'Cerapro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--font-2: 'Sackers', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	--mono-font: Consolas, 'Liberation Mono', Courier, monospace;

	--light: 300;
	--normal: 400;
	--bold: 700;
	--heavy: 900;

	--black: #000000;
	--white: #ffffff;

	--gray-light-4: #f6f6f5;
	--gray-light-3: #e4e3df;
	--gray-light-2: #cfcecb;
	--gray-light-1: #b6b5b3;
	--gray-main: #9f9f9f;
	--gray-dark-1: #818181;
	--gray-dark-2: #505050;
	--gray-dark-3: #323335;

	--red-lightest: #faf2f1;
	--red-light-3: #f5d9d9;
	--red-light-2: #f1b3b3;
	--red-light-1: #ed908e;
	--red-main: #ec6360;
	--red-dark-1: #c94c49;
	--red-dark-2: #b03c39;
	--red-dark-3: #8f2c2a;
	--red-dark-4: #6d1d1c;
	--red-darkest: #471110;

	--green-lightest: #f9fcf6;
	--green-light-3: #e6eedb;
	--green-light-2: #cbddb4;
	--green-light-1: #b5d094;
	--green-main: #99b972;
	--green-dark-1: #86aa59;
	--green-dark-2: #76994c;
	--green-dark-3: #608237;
	--green-dark-4: #446121;
	--green-darkest: #18210d;

	--teal-lightest: #f9fefd;
	--teal-light-3: #e0eeeb;
	--teal-light-2: #c5e0da;
	--teal-light-1: #a9d1c8;
	--teal-main: #90c5b8;
	--teal-dark-1: #74b3a3;
	--teal-dark-2: #589e8d;
	--teal-dark-3: #3f8675;
	--teal-dark-4: #26594b;
	--teal-darkest: #0f2d25;

	--blue-lightest: #f3f8fa;
	--blue-light-3: #dae4e9;
	--blue-light-2: #cbdbe3;
	--blue-light-1: #a3c1d0;
	--blue-main: #85aabd;
	--blue-dark-1: #688ea2;
	--blue-dark-2: #527181;
	--blue-dark-3: #405864;
	--blue-dark-4: #253a44;
	--blue-darkest: #132229;

	--yellow-lightest: #fafafa;
	--yellow-light-4: #f8f6f2;
	--yellow-light-3: #f4ece1;
	--tan: var(--yellow-light-3);
	--yellow-light-2: #e9dcc2;
	--yellow-light-1: #e9d1a2;
	--yellow-main: #eec167;
	--yellow-dark-1: #e0ac45;
	--yellow-dark-2: #ac8435;
	--yellow-dark-3: #836732;
	--yellow-darkest: #302c25;

	--text-dark: var(--gray-dark-2);
	--text-light: var(--gray-light-3);

	--links: var(--red-dark-1);
	--success-main: var(--green-main);
	--success-alt: var(--green-dark-2);
	--warning-main: var(--yellow-main);
	--warning-alt: var(--yellow-light-2);
	--alert-main: var(--red-main);
	--alert-alt: var(--red-dark-2);
	--access-blue: #7edbfd;
	--access-blue-alt: #55b6dd;

	--z-back: 0;
	--z-middle: 500;
	--z-front: 10000;
	--z-back-dialog: 100001;
	--z-middle-dialog: 100002;
	--z-front-dialog: 100003;
	--z-story-scroll-hint: 999999999999;
	--z-story-autoplay-policy: 9999999999;
	--z-absolute-front: 10000000000000;

	--layout-width: 1200rem;

	--size-narrow: 720rem;
	--size-mid: 1200rem;
	--size-wide: 1400rem;
}
*:focus {
	outline: none;
}
*:focus-visible {
	outline-offset: 0;
	outline: 1rem solid var(--access-blue-alt);
	box-shadow: 0 0 15px var(--access-blue);
	transition:
		box-shadow 300ms,
		outline-color 300ms ease-in-out;
}
*,
::before,
::after {
	box-sizing: inherit;
}
article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main,
details,
menu {
	display: block;
}
a {
	background-color: transparent;
	color: var(--links);
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
}
a:active,
	a:hover {
		text-decoration: underline;
	}
b,
strong {
	font-weight: var(--bold);
	line-height: inherit;
}
/** >>>>>
 * NOTE: using `medium` font-sizes for old browser fallbacks
 * everything else is according to front end global style guide
*/
h1,
.h1 {
	margin: 0 0 20rem;
	color: inherit;
	font: var(--light) 28rem/1.25 var(--font);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
h2,
.h2 {
	margin: 0 0 6rem;
	color: inherit;
	font: var(--bold) 20rem/1.2 var(--font);
}
h2 + h3,
	h2 + .h3,
	.h2 + h3,
	.h2 + .h3 {
		margin-top: -6rem;
	}
h3,
.h3 {
	margin: 0 0 6rem;
	color: inherit;
	font: var(--bold) 16rem/1.2 var(--font);
}
h3 + h4,
	h3 + .h4,
	.h3 + h4,
	.h3 + .h4 {
		margin-top: -6rem;
	}
h4,
.h4 {
	margin: 0;
	color: inherit;
	font: var(--bold) 15rem/1.2 var(--font);
}
h5,
.h5 {
	margin: 0 0 9px;
	color: inherit;
	font-family: var(--font);
	font-size: 20px;
	font-size: 18rem;
	font-weight: var(--bold);
	line-height: 1.3;
}
h6,
.h6 {
	margin: 0;
	color: inherit;
	font-family: var(--font);
	font-size: 12px;
	font-size: 12rem;
	font-weight: var(--bold);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1.5rem;
}
p {
	margin: 0 0 1em;
}
ul,
ol,
dl {
	margin-bottom: 10rem;
	list-style-position: outside;
}
li {
	font-size: inherit;
}
ul {
	margin-left: 12.5rem;
	list-style-type: disc;
}
ol {
	margin-left: 12.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
	margin-left: 12.5rem;
	margin-bottom: 0;
}
dl {
	margin-bottom: 10rem;
}
dl dt {
	margin-bottom: 3rem;
	font-weight: bold;
}
nav ol,
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
figure {
	margin: 0;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
a img {
		border: 0;
	}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	background-color: var(--white);
	border: 1px solid var(--gray-light-3);
	font: 13rem/1 var(--font);
}
.table thead tr, .table tfoot tr {
			border: 1px solid var(--gray-light-3);
		}
.table tbody tr:nth-child(odd) {
				background-color: var(--gray-light-4);
			}
.table th,
	.table td {
		padding: 8rem;
		text-align: left;
		vertical-align: top;
		line-height: 1;
	}
.table th {
		vertical-align: middle;
	}
svg {
	flex: 1;
	vertical-align: middle;
	fill: currentColor;
	height: 100%;
	width: 100%;
}
svg:not(:root) {
		overflow: hidden;
	}
.svg * {
	color: currentColor;
	fill: currentColor;
}
hr {
	clear: both;
	overflow: visible;
	max-width: 750rem;
	height: 0;
	margin: 12.5rem auto;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #cacaca;
	border-left: 0;
	box-sizing: content-box;
}
abbr,
abbr[title] {
	border-bottom: 1px dotted var(--gray-dark-3);
	text-decoration: none;
	cursor: help;
}
pre {
	overflow: auto;
	margin: 0;
	padding: 6rem;
	font: 13rem monospace;
	background-color: var(--gray-light-4);
	border: 1px solid var(--gray-light-3);
}
code {
	padding: 0;
	color: var(--black);
	font: 13rem monospace;
}
kbd {
	margin: 0;
	padding: 1.25rem 2.5rem 0;
	background-color: var(--gray-light-3);
	color: var(--gray-dark-3);
	font-family: monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
mark {
	background-color: var(--yellow-main);
	color: var(--black);
}
small {
	font-size: 80%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
optgroup {
	color: inherit;
	font: inherit;
}
input {
	overflow: visible;
	color: inherit;
	font: inherit;
	margin: 0;
	text-transform: none;
	touch-action: manipulation;
}
textarea {
	overflow: auto;
	max-width: 100%;
	margin: 0;
	color: inherit;
	font: inherit;
	text-transform: none;
	touch-action: manipulation;
	resize: vertical;
}
textarea[rows] {
		height: auto;
	}
input::-webkit-input-placeholder,
	input::-moz-placeholder,
	input:-ms-input-placeholder,
	input::placeholder,
	textarea::-webkit-input-placeholder,
	textarea::-moz-placeholder,
	textarea:-ms-input-placeholder,
	textarea::placeholder {
		color: var(--gray-dark-2);
	}
input[readonly], textarea[readonly] {
		background-color: var(--gray-light-2);
		box-shadow: none;
	}
input:disabled, textarea:disabled {
		background-color: var(--gray-light-2);
		box-shadow: none;
	}
.input-like,
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 30rem;
	margin: 0 0 10rem;
	padding: 5rem;
	border: 1px solid var(--gray-light-2);
	border-radius: 2px;
	background-color: var(--white);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	font-family: inherit;
	font-size: 13rem;
	font-weight: normal;
	line-height: 1.5;
	color: inherit;
	transition:
		box-shadow 0.5s,
		border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input-like:focus, [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
		background-color: var(--gray-light-4);
	}
[type='number'] {
	-moz-appearance: textfield;
}
[type='number']::-webkit-outer-spin-button,
	[type='number']::-webkit-inner-spin-button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0;
	}
[type='submit'],
[type='button'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type='search'] {
	box-sizing: border-box;
}
[type='file'],
[type='checkbox'],
[type='radio'] {
	margin: 0 0 10rem;
}
[type='checkbox'],
[type='radio'] {
	box-sizing: border-box;
	padding: 0;
	height: 18rem;
	width: 18rem;
	background: var(--white);
	border: 1rem solid var(--gray-light-1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	transition: 0.15s border-color ease-in-out;
	cursor: pointer;
	-webkit-appearance: none;
}
[type='checkbox']:checked, [type='radio']:checked {
		background: url('/theme/svg/checkbox.svg') no-repeat 1px 3px var(--white);
	}
[type='checkbox'] + label,
[type='radio'] + label {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 5rem;
	margin-right: 10rem;
	margin-bottom: 0;
}
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
	cursor: pointer;
}
[type='file'] {
	width: 100%;
}
label {
	display: block;
	margin: 0;
}
label > [type='checkbox'],
	label > [type='radio'] {
		margin-right: 5rem;
	}
select {
	width: 100%;
	padding: 5rem 15rem 5rem 5rem;
	font: inherit;
	color: inherit;
	background-origin: content-box;
	background-size: 8px 11px;
	border: 1px solid var(--gray-light-2);
	border-radius: 2px;
	text-transform: none;
	transition:
		box-shadow 0.5s,
		border-color 0.25s ease-in-out;
	box-sizing: border-box;
	touch-action: manipulation;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select:disabled {
		background-color: var(--gray-light-3);
		cursor: not-allowed;
	}
select::-ms-expand {
		display: none;
	}
select[multiple] {
		height: auto;
		background-image: none;
	}
button,
[type='button'],
[type='reset'],
[type='submit'] {
	margin: 0;
	background-color: transparent;
	color: inherit;
	font: inherit;
	text-transform: none;
	-webkit-appearance: button;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	display: table;
	max-width: 100%;
	padding: 0;
	color: inherit;
	white-space: normal;
	box-sizing: border-box;
}
summary {
	display: list-item;
}
[hidden] {
	display: none;
}
q::before,
q::after {
	content: '';
}
blockquote {
	margin: 50rem 0 0;
	padding: 0 50rem;
	color: inherit;
	font: var(--light) 30rem/1.4 var(--font);
	letter-spacing: 1rem;
	text-transform: uppercase;
	text-align: center;
}
blockquote::after {
		content: '';
		display: block;
		width: 50%;
		height: 4rem;
		margin: 20rem auto 50rem;
		background-color: var(--red-main);
	}
/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
video {
	vertical-align: middle;
}
/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * remove the tapping delay on clickable elements
 */
a,
area,
button,
label,
summary,
[tabindex] {
	touch-action: manipulation;
}
/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy='true'] {
	cursor: progress;
}
/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
	cursor: pointer;
}
/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden='false'][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}
/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
	cursor: default;
}
.sr-only {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
.red {
	color: var(--red-main);
}
.green {
	color: var(--green-dark-2);
}
.teal {
	color: var(--teal-dark-1);
}
.blue {
	color: var(--blue-dark-1);
}
.yellow {
	color: var(--yellow-main);
}
.black {
	color: var(--black);
}
.offwhite {
	color: #f3f3f2;
}
.gray {
	color: var(--text-dark);
}
.buttons {
	display: flex;
	align-items: center;
	margin: 0 -6rem;
}
.buttons .button {
		margin: 0 6rem;
	}
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 45rem;
	margin: 0 0 10rem;
	padding: 0 40rem;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.3);
	font: 14rem/45rem var(--font);
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 6rem;
	white-space: nowrap;
	transition:
		background-color 0.15s ease-in-out,
		color 0.15s ease-in-out;
	cursor: pointer;
	-webkit-appearance: none;
}
.button:hover,
	.button:active {
		background-color: var(--gray-dark-3);
		color: var(--white);
	}
.button.tiny {
		padding: 4rem 8rem;
		font-size: 9rem;
		text-transform: uppercase;
	}
.button.small {
		padding: 6rem 10rem;
		font-size: 11rem;
		text-transform: uppercase;
	}
.button.large {
		padding: 10rem 30rem;
		font-size: 22rem;
	}
.button.huge {
		padding: 20rem 50rem;
		font-size: 34rem;
	}
.button.success {
		background-color: var(--success-main);
		color: var(--white);
	}
.button.success:hover,
		.button.success:active {
			background-color: var(--success-alt);
			color: var(--white);
		}
.button.warning {
		background-color: var(--warning-main);
		color: var(--gray-dark-3);
	}
.button.warning:hover,
		.button.warning:active {
			background-color: var(--warning-alt);
			color: var(--gray-dark-3);
		}
.button.alert {
		background-color: var(--alert-main);
		color: var(--white);
	}
.button.alert:hover,
		.button.alert:active {
			background-color: var(--alert-alt);
			color: var(--white);
		}
.button.dull {
		background-color: var(--gray-light-3);
		color: var(--gray-dark-3);
	}
.button.dull:hover,
		.button.dull:active {
			background-color: var(--gray-light-2);
			color: var(--gray-dark-3);
		}
.button.link {
		padding: 0;
		border: 0;
		color: var(--links);
		background-color: transparent;
	}
.button.link:hover {
			text-decoration: underline;
		}
.button.blank {
		background-color: transparent;
		color: var(--links);
	}
.button.blank:hover,
		.button.blank:active {
			text-decoration: underline;
		}
.button.off {
		padding: 0;
		background-color: transparent;
		color: var(--gray-dark-3);
		cursor: default;
		pointer-events: none;
	}
.button.off:hover,
		.button.off:active {
			background-color: transparent;
			color: var(--gray-dark-3);
		}
.button[disabled] {
		cursor: default;
		pointer-events: none;
	}
.button[disabled]:hover,
		.button[disabled]:focus,
		.button[disabled]:active {
			background-color: transparent;
			color: var(--gray-dark-3);
		}
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 * `.ghost` helper to visually hide elements on the page
 * mostly used for accessibility purposes
*** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.ghost {
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(0 100% 100% 0);
}
.visibility-hidden {
	visibility: hidden;
}
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 * Helper to group JS for ease of development
 * @helper: .hidden-js
*** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.hidden-js {
	visibility: hidden;
}
::-webkit-scrollbar {
	width: 16rem;
}
::-webkit-scrollbar-track {
	background-color: var(--gray-dark-3);
}
::-webkit-scrollbar-thumb {
	background-color: var(--gray-dark-1);
	border-radius: 8rem;
	border: 2rem solid transparent;
	background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
	background-color: var(--gray-main);
}
html {
	height: 100%;
	background-color: var(--gray-light-3);
	font: 1px/1.2 var(--font);
	box-sizing: border-box;
	text-size-adjust: 100%;
}
html.page-section-stories {
		background-color: var(--white);
	}
html.page-section-stories body {
			background-color: var(--white);
		}
html.page-archive h1, html.page-posts h1 {
			overflow: hidden;
			position: absolute !important;
			width: 1px;
			height: 1px;
			clip: rect(1px, 1px, 1px, 1px);
			clip-path: inset(0 100% 100% 0);
		}
html.page-type-archive-id h2 {
			color: var(--red-main);
		}
body {
	display: flex;
	min-height: 100%;
	margin: 0;
	background-color: var(--gray-light-3);
	color: var(--black);
	font: 15rem/1.15 var(--font);
	letter-spacing: 0.02em;
}
.layout-outer {
	width: 100%;
	max-width: var(--layout-width);
	padding: 0 30rem;
	margin: 0 auto;
}
@media (width < 768px) {
.layout-outer {
		padding: 0 20rem
}
	}
.layout-main {
	padding: 100rem 0;
}
@media (width < 768px) {
.layout-main {
		padding: 40rem 0
}
	}
.chapters {
	margin: 0 -30rem;
}
@media (width < 768px) {
.chapters {
		margin: 0 -20rem
}
	}
.chapter {
	position: relative;
	z-index: 1;
}
.chapter-content {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: var(--layout-width);
	z-index: 2;
}
.full-width {
	margin: 0 calc(50% - 50vw);
}
.yavascript {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	top: -1px;
	left: -1px;
	pointer-events: none;
}
@font-face {
	font-family: 'Cerapro';
	src:
		url('/theme/fonts/cerapro/cp-light-webfont.woff2') format('woff2'),
		url('/theme/fonts/cerapro/cp-light-webfont.woff') format('woff');
	font-weight: 200;
}
@font-face {
	font-family: 'Cerapro';
	src:
		url('/theme/fonts/cerapro/cp-regular-webfont.woff2') format('woff2'),
		url('/theme/fonts/cerapro/cp-regular-webfont.woff') format('woff');
	font-weight: 400;
}
@font-face {
	font-family: 'Cerapro';
	src:
		url('/theme/fonts/cerapro/cp-medium-webfont.woff2') format('woff2'),
		url('/theme/fonts/cerapro/cp-medium-webfont.woff') format('woff');
	font-weight: 600;
}
@font-face {
	font-family: 'Cerapro';
	src:
		url('/theme/fonts/cerapro/cp-bold-webfont.woff2') format('woff2'),
		url('/theme/fonts/cerapro/cp-bold-webfont.woff') format('woff');
	font-weight: 800;
}
@font-face {
	font-family: 'Sackers';
	src:
		url('/theme/fonts/sackers/at-sackers-heavy-gothic.woff2') format('woff2'),
		url('/theme/fonts/sackers/at-sackers-heavy-gothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

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