/* ---------------------------------------------------------------------------------------------

	Happy Happy Landing Page
	
	Author: Divide & Conquer
	Author URI: https://divideconquer.se

/* --------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* --------------------------------------------------------------------------------------------- */


html, body {
	border: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote:before,
blockquote:after {
	content: "";
}


/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
}

body {
	background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #152025;
	font-family: objektiv-mk3, sans-serif;
	font-size: 1.7rem; 
	text-align: left;
}

*,
*:before,
*:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
}

::selection {
	background: #152025;
	color: #fff;
}


/* Clearing ---------------------------------- */

.group:after,
.entry-content:after {
	clear: both;
	content: "";
	display: block;
}


/* Base Transitions -------------------------- */

a,
path {
	transition: all .15s linear;
}


/* Screen Reader Text ------------------------ */

.screen-reader-text {
	clip: rect( .1rem, .1rem, .1rem, .1rem );
	height: .1rem;
	overflow: hidden;
	position: absolute !important;
		left: -999999rem;
	width: .1rem;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: .3rem;
	box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 );
	clip: auto !important;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: .5rem;
	line-height: normal;
	padding: 1.5rem 2.3rem 1.4rem 2.3rem;
	text-decoration: none;
	top: .5rem;
	width: auto;
	z-index: 100000;
}


/* Accessibility Settings -------------------- */

@media ( prefers-reduced-motion: reduce ) {
	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}


/* --------------------------------------------------------------------------------------------- */
/*	2. Element Base
/* --------------------------------------------------------------------------------------------- */


*:first-child { margin-top: 0; }
*:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

h1{
    line-height: 1.35;
}

p {
	line-height: 1.5;
	margin: 0 0 1.25em 0;
}

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

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

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

sup { top: -0.5em; }
sub { bottom: -0.25em; }

abbr,
acronym {
	cursor: help;
}

address {
	margin: 0 0 2rem 0;
}

hr {
	border: none;
	border-top: .1rem solid rgba( 0, 0, 0, 0.15 );
	margin: 2em 0;
}

a {
	color: #152025;
}


/* Lists ------------------------------------- */

ul,
ol {
	margin: 0 0 2rem 3rem;
}

ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }

ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

li {
	margin: 1rem 0;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt {
	font-weight: 700;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

blockquote {
	margin: 0;
	padding: 0 0 0 3rem;
}


/* Code -------------------------------------- */

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	background: #F0F1F2;
	border-radius: .2rem;
	font-family: monospace;
	font-size: 1em;
	padding: .4rem .6rem;
}


/* Media ------------------------------------- */

figure {
	margin: 0;
}

svg,
img,
embed,
iframe,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide,
.alignfull {
	display: block;
	margin: 3rem 0;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.alignleft,
.alignright {
	max-width: 50%;
}

.alignleft {
	float: left;
	margin: 0 2rem 2rem 0;
}

.alignright {
	float: right;
	margin: 0 0 2rem 2rem;
}

figcaption,
.wp-caption-text {
	display: block;
	margin-top: 1rem;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -.8em;
	width: calc( 100% + 1.6em );
}

.gallery-item {
	margin: .8em 0;
	padding: 0 .8em;
}

.gallery-item img,
.gallery-item {
	display: block;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: .8em;
}


/* Inputs ------------------------------------ */

label {
	display: block;
	font-size: 1.5rem;
	margin: 0 0 .5rem 0;
}

label.inline {
	display: inline;
}

input,
textarea,
select,
button {
	font-family: inherit;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border: .2rem solid #E1E1E6;
	border-radius: .4rem;
	box-shadow: none;
	display: block;
	font-size: inherit;
	margin: 0;
	max-width: 100%;
	outline: none;
	padding: 1.35rem 1.8rem;
	width: 100%;
}

textarea {
	height: 12rem;
	line-height: 1.5;
	width: 100%;
}

input::-webkit-input-placeholder { color: #919BA5; line-height: 1; }
input:-ms-input-placeholder { color: #919BA5 !important; /* Req by IE11 */ line-height: 1; }
input::-moz-placeholder { color: #919BA5; line-height: 1; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button,
.faux-button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin: 0;
	padding: 1.4rem 2.4rem;
	text-align: center;
	text-decoration: none;
	transition: opacity .15s linear;
}

button:hover,
.faux-button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
.faux-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	/* opacity: .9; */
}

.button-with-icon {
    border-radius: 50%;
    bottom: -3rem;
    height: 6rem;
    margin: auto;
    position: absolute;
        bottom: 0; 
        left: 0; 
        right: 0;
        top: 0; 
    width: 6rem;
    z-index:999;
}

.button-with-icon svg{
    position: absolute;
    margin-right: auto;
    height: 2.667rem;
}

.button-with-icon.green{
    background: #00813D;
    bottom: initial;
    top: -3rem;
}

.button-with-icon.green svg g{
    fill: #FFF047;
}

/* Tables ------------------------------------ */

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 3rem;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

th,
td {
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 2.5%;
}

caption {
	border-bottom: .1rem solid #ddd;
	font-weight: 700;
	padding-bottom: 2.5%;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	border-bottom: .1rem solid #ddd;
	font-weight: 700;
}


/* --------------------------------------------------------------------------------------------- */
/*	3. Helper Classes
/* --------------------------------------------------------------------------------------------- */


/* Layout ------------------------------------ */

.display-block { display: block; }
.display-inline { display: inline; }

.no-margin { margin: 0; }
.no-padding { padding: 0; }

.screen-height {
	min-height: 100vh;
}

.screen-width {
	position: relative;
		left: calc( 50% - 50vw );
	width: 100vw;
}

.center-vertically {
	align-items: center;
	display: flex;
    justify-content: center;
}

.no-scrollbars::-webkit-scrollbar { display: none; }


/* Sections ---------------------------------- */

section {
	padding: 4rem 0;
	width: 100%;	
}

.section-inner {
	margin: 0 auto;
	max-width: 168rem;
	width: calc( 100% - 5rem );
}

.section-inner.max-percentage {
	width: 100%;
}

.section-inner.thin { max-width: 57.2rem; } /* Should match the entry-content width (and $content_width variable) */
.section-inner.small { max-width: 74.6rem; }
.section-inner.medium { max-width: 89.6rem; }

.section-inner.no-margin { margin: 0; }


/* Padding Helpers --------------------------- */

.mpad-all-0 { padding: 0; }
.mpad-u-0, .mpad-v-0 { padding-top: 0; }
.mpad-d-0, .mpad-v-0 { padding-bottom: 0; }
.mpad-l-0, .mpad-h-0 { padding-left: 0; }
.mpad-r-0, .mpad-h-0 { padding-right: 0; }

.mpad-all-5 { padding: 0.5; }
.mpad-u-5, .mpad-v-5 { padding-top: 0.5rem; }
.mpad-d-5, .mpad-v-5 { padding-bottom: 0.5rem; }
.mpad-l-5, .mpad-h-5 { padding-left: 0.5rem; }
.mpad-r-5, .mpad-h-5 { padding-right: 0.5rem; }


.mpad-all-10 { padding: 1rem; }
.mpad-u-10, .mpad-v-10 { padding-top: 1rem; }
.mpad-d-10, .mpad-v-10 { padding-bottom: 1rem; }
.mpad-l-10, .mpad-h-10 { padding-left: 1rem; }
.mpad-r-10, .mpad-h-10 { padding-right: 1rem; }

.mpad-all-20 { padding: 2rem; }
.mpad-u-20, .mpad-v-20 { padding-top: 2rem; }
.mpad-d-20, .mpad-v-20 { padding-bottom: 2rem; }
.mpad-l-20, .mpad-h-20 { padding-left: 2rem; }
.mpad-r-20, .mpad-h-20 { padding-right: 2rem; }

.mpad-all-25 { padding: 2.5rem; }
.mpad-u-25, .mpad-v-25 { padding-top: 2.5rem; }
.mpad-d-25, .mpad-v-25 { padding-bottom: 2.5rem; }
.mpad-l-25, .mpad-h-25 { padding-left: 2.5rem; }
.mpad-r-25, .mpad-h-25 { padding-right: 2.5rem; }


.mpad-all-26 { padding: 2.6rem; }
.mpad-u-26, .mpad-v-26 { padding-top: 2.6rem; }
.mpad-d-26, .mpad-v-26 { padding-bottom: 2.6rem; }
.mpad-l-26, .mpad-h-26 { padding-left: 2.6rem; }
.mpad-r-26, .mpad-h-26 { padding-right: 2.6rem; }

.mpad-all-27 { padding: 2.7rem; }
.mpad-u-27, .mpad-v-27 { padding-top: 2.7rem; }
.mpad-d-27, .mpad-v-27 { padding-bottom: 2.7rem; }
.mpad-l-27, .mpad-h-27 { padding-left: 2.7rem; }
.mpad-r-27, .mpad-h-27 { padding-right: 2.7rem; }

.mpad-all-30 { padding: 3rem; }
.mpad-u-30, .mpad-v-30 { padding-top: 3rem; }
.mpad-d-30, .mpad-v-30 { padding-bottom: 3rem; }
.mpad-l-30, .mpad-h-30 { padding-left: 3rem; }
.mpad-r-30, .mpad-h-30 { padding-right: 3rem; }

.mpad-all-40 { padding: 4rem; }
.mpad-u-40, .mpad-v-40 { padding-top: 4rem; }
.mpad-d-40, .mpad-v-40 { padding-bottom: 4rem; }
.mpad-l-40, .mpad-h-40 { padding-left: 4rem; }
.mpad-r-40, .mpad-h-40 { padding-right: 4rem; }

.mpad-all-42 { padding: 4.2rem; }
.mpad-u-42, .mpad-v-42 { padding-top: 4.2rem; }
.mpad-d-42, .mpad-v-42 { padding-bottom: 4.2rem; }
.mpad-l-42, .mpad-h-42 { padding-left: 4.2rem; }
.mpad-r-42, .mpad-h-42 { padding-right: 4.2rem; }

.mpad-all-50 { padding: 5rem; }
.mpad-u-50, .mpad-v-50 { padding-top: 5rem; }
.mpad-d-50, .mpad-v-50 { padding-bottom: 5rem; }
.mpad-l-50, .mpad-h-50 { padding-left: 5rem; }
.mpad-r-50, .mpad-h-50 { padding-right: 5rem; }

.mpad-all-59 { padding: 5.9rem; }
.mpad-u-59, .mpad-v-59 { padding-top: 5.9rem; }
.mpad-d-59, .mpad-v-59 { padding-bottom: 5.9rem; }
.mpad-l-59, .mpad-h-59 { padding-left: 5.9rem; }
.mpad-r-59, .mpad-h-59 { padding-right: 5.9rem; }

.mpad-all-60 { padding: 6rem; }
.mpad-u-60, .mpad-v-60 { padding-top: 6rem; }
.mpad-d-60, .mpad-v-60 { padding-bottom: 6rem; }
.mpad-l-60, .mpad-h-60 { padding-left: 6rem; }
.mpad-r-60, .mpad-h-60 { padding-right: 6rem; }

.mpad-all-63 { padding: 6.3rem; }
.mpad-u-63, .mpad-v-63 { padding-top: 6.3rem; }
.mpad-d-63, .mpad-v-63 { padding-bottom: 6.3rem; }
.mpad-l-63, .mpad-h-63 { padding-left: 6.3rem; }
.mpad-r-63, .mpad-h-63 { padding-right: 6.3rem; }

.mpad-all-67 { padding: 6.7rem; }
.mpad-u-67, .mpad-v-67 { padding-top: 6.7rem; }
.mpad-d-67, .mpad-v-67 { padding-bottom: 6.7rem; }
.mpad-l-67, .mpad-h-67 { padding-left: 6.7rem; }
.mpad-r-67, .mpad-h-67 { padding-right: 6.7rem; }

.mpad-all-72 { padding: 7.2rem; }
.mpad-u-72, .mpad-v-72 { padding-top: 7.2rem; }
.mpad-d-72, .mpad-v-72 { padding-bottom: 7.2rem; }
.mpad-l-72, .mpad-h-72 { padding-left: 7.2rem; }
.mpad-r-72, .mpad-h-72 { padding-right: 7.2rem; }

.mpad-all-78 { padding: 7.8rem; }
.mpad-u-78, .mpad-v-78 { padding-top: 7.8rem; }
.mpad-d-78, .mpad-v-78 { padding-bottom: 7.8rem; }
.mpad-l-78, .mpad-h-78 { padding-left: 7.8rem; }
.mpad-r-78, .mpad-h-78 { padding-right: 7.8rem; }

.mpad-all-79 { padding: 7.9rem; }
.mpad-u-79, .mpad-v-79 { padding-top: 7.9rem; }
.mpad-d-79, .mpad-v-79 { padding-bottom: 7.9rem; }
.mpad-l-79, .mpad-h-79 { padding-left: 7.9rem; }
.mpad-r-79, .mpad-h-79 { padding-right: 7.9rem; }

.mpad-all-80 { padding: 8rem; }
.mpad-u-80, .mpad-v-80 { padding-top: 8rem; }
.mpad-d-80, .mpad-v-80 { padding-bottom: 8rem; }
.mpad-l-80, .mpad-h-80 { padding-left: 8rem; }
.mpad-r-80, .mpad-h-80 { padding-right: 8rem; }

.mpad-all-88 { padding: 8.8rem; }
.mpad-u-88, .mpad-v-88 { padding-top: 8.8rem; }
.mpad-d-88, .mpad-v-88 { padding-bottom: 8.8rem; }
.mpad-l-88, .mpad-h-88 { padding-left: 8.8rem; }
.mpad-r-88, .mpad-h-88 { padding-right: 8.8rem; }

.mpad-all-91 { padding: 9.1rem; }
.mpad-u-91, .mpad-v-91 { padding-top: 9.1rem; }
.mpad-d-91, .mpad-v-91 { padding-bottom: 9.1rem; }
.mpad-l-91, .mpad-h-91 { padding-left: 9.1rem; }
.mpad-r-91, .mpad-h-91 { padding-right: 9.1rem; }

.mpad-all-100 { padding: 10rem; }
.mpad-u-100, .mpad-v-100 { padding-top: 10rem; }
.mpad-d-100, .mpad-v-100 { padding-bottom: 10rem; }
.mpad-l-100, .mpad-h-100 { padding-left: 10rem; }
.mpad-r-100, .mpad-h-100 { padding-right: 10rem; }

.mpad-all-104 { padding: 10.4rem; }
.mpad-u-104, .mpad-v-104 { padding-top: 10.4rem; }
.mpad-d-104, .mpad-v-104 { padding-bottom: 10.4rem; }
.mpad-l-104, .mpad-h-104 { padding-left: 10.4rem; }
.mpad-r-104, .mpad-h-104 { padding-right: 10.4rem; }

.mpad-all-145 { padding: 14.5rem; }
.mpad-u-145, .mpad-v-145 { padding-top: 14.5rem; }
.mpad-d-145, .mpad-v-145 { padding-bottom: 14.5rem; }
.mpad-l-145, .mpad-h-145 { padding-left: 14.5rem; }
.mpad-r-145, .mpad-h-145 { padding-right: 14.5rem; }


/* Toggles ----------------------------------- */

.toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	text-align: inherit;
	user-select: none;
}

.cover-toggle {
	opacity: 0;
	position: fixed;
		bottom: 0;
		left: -99999rem;
		right: 99999rem;
		top: 0;
	transition: opacity .4s linear, left 0s .4s, right 0s .4s;
	z-index: 9;
}

.cover-toggle.active {
	left: 0;
	opacity: 1;
	right: 0;
	transition: opacity .4s linear;
}

.cover-toggle.short-transition { transition: opacity .2s linear, left 0s .2s, right 0s .2s; }
.cover-toggle.short-transition.active { transition: opacity .2s linear; }


/* Grid Structure ---------------------------- */

.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.grid .grid {
	margin-left: 0;
	width: 100%;
}

.grid .grid:last-child {
	margin-bottom: 0;
}

.grid {
	margin: 0 0 -3rem -1rem;
}

.grid + .grid { margin-top: 3rem; }

.grid-align-baseline { align-items: baseline; }
.grid-align-bottom { align-items: flex-end; }
.grid-align-top { align-items: flex-start; }

.grid .grid-item {
	margin: 0 0 3rem 1rem;
	width: calc( 100% - 1rem );
}

.grid.mcols-2 > .grid-item { width: calc( 50% - 1rem ); }

.grid.no-hgutter > .grid-item { width: 100%; }
.grid.mcols-2.no-hgutter > .grid-item { width: 50%; }

.grid.no-vgutter,
.grid.no-vgutter .grid-item {
	margin-bottom: 0;
}

.grid.no-hgutter,
.grid.no-hgutter .grid-item {
	margin-left: 0;
}

.grid.match-gutter { margin-bottom: -1rem; }
.grid.match-gutter + .grid.match-gutter { margin-top: 1rem; }
.grid.match-gutter .grid-item { margin-bottom: 1rem; }


/* Hiding and Showing ------------------------ */

.display-m-none { display: none; }
.display-m-flex { display: flex; }
.display-m-block { display: block; }
.display-m-inline { display: inline; }
.display-m-inline-flex { display: inline-flex; }
.display-m-inline-block { display: inline-block; }

.show-no-js { display: none; }
.no-js .show-no-js { display: block; }

.no-js .hide-no-js { display: none !important; }


/* Typography -------------------------------- */

.font-default { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif; }
.font-mono { font-family: monospace; }
.font-whatever { font-family: 'Whatever', sans-serif; }

.font-size-xl { font-size: 1.25em; }
.font-size-xs { font-size: 0.8em; }

.style-italic { font-style: italic; }

.weight-black { font-weight: 900; }
.weight-xbold { font-weight: 800; }
.weight-bold { font-weight: 700; }
.weight-semibold { font-weight: 600; }
.weight-medium { font-weight: 500; }
.weight-regular { font-weight: 400; }
.weight-light { font-weight: 300; }
.weight-thin { font-weight: 200; }
.weight-hairline { font-weight: 100; }

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

.text-align-inherit { text-align: inherit; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

.lspacing-incr-5 { letter-spacing: 0.10em; }
.lspacing-incr-4 { letter-spacing: 0.08em; }
.lspacing-incr-3 { letter-spacing: 0.06em; }
.lspacing-incr-2 { letter-spacing: 0.04em; }
.lspacing-incr-1 { letter-spacing: 0.02em; }

.lspacing-decr-1 { letter-spacing: -.01em; }
.lspacing-decr-2 { letter-spacing: -.02em; }
.lspacing-decr-3 { letter-spacing: -.04em; }
.lspacing-decr-4 { letter-spacing: -.06em; }
.lspacing-decr-5 { letter-spacing: -.08em; }

.line-height-single { line-height: 1; }
.line-height-title { line-height: 1.25; }
.line-height-paragraph { line-height: 1.5; }

.text-decoration-none { text-decoration: none; }
.text-decoration-underline,
.text-decoration-hover-underline:hover { text-decoration: underline; }

.text-shadow-light { text-shadow: 0 .1rem 0 rgba( 0, 0, 0, 0.1 ), 0 0 1rem rgba( 0, 0, 0, 0.1 ); }
.text-shadow-medium { text-shadow: 0 .1rem 0 rgba( 0, 0, 0, 0.25 ), 0 0 1rem rgba( 0, 0, 0, 0.25 ); }
.text-shadow-dark { text-shadow: 0 .1rem 0 rgba( 0, 0, 0, 0.5 ), 0 0 1rem rgba( 0, 0, 0, 0.5 ); }

.lining-numerals {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
}

.slashed-zero {
	font-feature-settings: "zero";
	font-variant-numeric: slashed-zero;
}

.smallcaps {
	font-variant-caps: small-caps;
	text-transform: lowercase;
}

.transform-uppercase {
	text-transform: uppercase;
}

.no-select {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	user-select: none;
}


/* Text Sizes -------------------------------- */

.mfs-inherit { font-size: inherit; }

.mfs-10 { font-size: 1.0rem; }
.mfs-11 { font-size: 1.1rem; }
.mfs-12 { font-size: 1.2rem; }
.mfs-13 { font-size: 1.3rem; }
.mfs-14 { font-size: 1.4rem; }
.mfs-15 { font-size: 1.5rem; }
.mfs-16 { font-size: 1.6rem; }
.mfs-17 { font-size: 1.7rem; }
.mfs-18 { font-size: 1.8rem; }
.mfs-19 { font-size: 1.9rem; }
.mfs-20 { font-size: 2.0rem; }
.mfs-22 { font-size: 2.2rem; }
.mfs-24 { font-size: 2.4rem; }
.mfs-25 { font-size: 2.5rem; }
.mfs-28 { font-size: 2.8rem; }
.mfs-30 { font-size: 3.0rem; }
.mfs-32 { font-size: 3.2rem; }
.mfs-34 { font-size: 3.4rem; }
.mfs-36 { font-size: 3.6rem; }
.mfs-40 { font-size: 4.0rem; }
.mfs-48 { font-size: 4.8rem; }
.mfs-64 { font-size: 6.4rem; }


/* Text Columns ------------------------------ */

.text-cols-m-2 { columns: 2 2rem; }


/* Position ---------------------------------- */

.position-static { position: static; }
.position-relative { position: relative; }

.position-cover {
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.z-level-1 { z-index: 9; }
.z-level-2 { z-index: 99; }
.z-level-3 { z-index: 999; }
.z-level-4 { z-index: 9999; }
.z-level-5 { z-index: 99999; }


/* Overflow ---------------------------------- */

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


/* Height & Width ---------------------------- */

.width-full { width: 100%; }
.width-screen { width: 100vw; }
.width-auto { width: auto; }

.height-full { height: 100%; }
.height-screen { height: 100vh; }
.height-auto { height: auto; }


/* Colors ------------------------------------ */

/* TEXT COLOR */

.color-white,
.color-white-hover:hover { color: #FFF; }

.color-gray,
.color-gray-hover:hover { color: #62625D; }
.color-black,
.color-black-hover:hover { color: #152025; }

.color-accent,
.color-accent-hover:hover { color: #FFF047; }
.color-accent-dark,
.color-accent-dark-hover:hover { color: #FFF047; }

.color-inherit { color: inherit; }

/* BACKGROUND COLOR */

.bg-none { background: none; }

.bg-white,
.bg-white-hover:hover { background: #FFF; }
.bg-light-gray,
.bg-light-gray-hover:hover { background: #F5F7F9; }

.bg-gray,
.bg-gray-hover:hover { background: #9DA7B1; }
.bg-black,
.bg-black-hover:hover { background: #152025; }

.bg-green,
.bg-green-hover:hover { background: #00813D; }
.bg-blue,
.bg-blue-hover:hover { background: #0B1C23; }

.bg-accent,
.bg-accent-hover:hover { background: #FFF047; }
.bg-accent-dark,
.bg-accent-dark-hover:hover { background: #FFF047; }



/* Pseudo Background ------------------------- */

.pseudo-background:before,
.pseudo-gradient:before {
	content: "";
	display: block;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.pseudo-background:before { background-color: rgba( 0, 0, 0, 0.25 ); }
.pseudo-background.medium:before,
.pseudo-background.medium-hover:hover:before { background-color: rgba( 0, 0, 0, 0.50 ); }
.pseudo-background.strong:before,
.pseudo-background.strong-hover:hover:before { background-color: rgba( 0, 0, 0, 0.75 ); }

.pseudo-gradient:before { background: linear-gradient( -180deg, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.25 ) 100% ); }
.pseudo-gradient.medium:before { background: linear-gradient( -180deg, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.50 ) 100% ); }
.pseudo-gradient.strong:before { background: linear-gradient( -180deg, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.75 ) 100% ); }


/* Image Classes ----------------------------- */

.faux-image,
.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-contain {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.bg-attachment-fixed {
	background-attachment: fixed;
}

.faux-image {
	position: relative;
}

a.faux-image {
	display: block;
}

.faux-image:after {
	content: "";
	display: block;
	padding-top: 62.5%;
	width: 100%;
}

.faux-image.half:after { padding-top: 50%; }
.faux-image.television:after { padding-top: 56.25%; }
.faux-image.three-quarters:after { padding-top: 75%; }
.faux-image.square:after { padding-top: 100%; }
.faux-image.full:after { padding-top: 51rem; }


/* Cover Modal ------------------------------- */

.cover-modal {
	opacity: 0;
	overflow: auto;
	position: fixed;
		bottom: 0;
		left: -9999rem;
		right: 9999rem;
		top: 0;
	transition: opacity .25s ease-in, left 0s .25s, right 0s .25s;
	z-index: 9999;
}

.cover-modal.active {
	left: 0;
	right: 0;
	opacity: 1;
	transition: opacity .25s ease-out;
}

.cover-modal-inner { 
	max-height: 100%;
	overflow: auto;
}

.cover-modal.vertically-centered .cover-modal-inner {
	position: absolute;
		left: 50%;
		top: 50%;
	transform: translateX( -50% ) translateY( -50% );
}


/* Breadcrumbs ------------------------------- */

.breadcrumbs-wrapper {
	overflow: hidden;
	position: relative;
}

.breadcrumbs-inner-wrapper {
	-ms-overflow-style: none;
	overflow: scroll;
	padding: .5rem 0;
}

.breadcrumbs-wrapper:after {
	background-image: linear-gradient( -90deg, #fff 0%, rgba( 255, 255, 255, 0 ) 100% );
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
		bottom: 0;
		right: 0;
		top: 0;
	width: 4rem;
}

.breadcrumbs {
	align-items: center;
	display: flex;
	line-height: 1;
	white-space: nowrap;
	width: auto;
}

.breadcrumbs li,
.breadcrumbs .sep {
	align-items: inherit;
	display: inherit;
	flex-shrink: 0;
	line-height: inherit;
}

.breadcrumbs .sep {
	margin: 0 1.5rem;
}

.breadcrumbs a {
	text-decoration: none;
}


/* Loading Indicator ------------------------- */

.loader {
	animation: spin 1.4s linear infinite;
    border: .5rem solid #E1E1E6;
	border-radius: 50%;
    border-top: .5rem solid #919BA5;
    height: 5rem;
	margin: auto;
    width: 5rem;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* --------------------------------------------------------------------------------------------- */
/*	4. Site Header
/* --------------------------------------------------------------------------------------------- */


#header-inner {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.site-header svg{
    margin: 0 auto;
    width: 63.9rem;
}

/* Header Menus ------------------------------ */

.main-menu a,
.mobile-menu a {
	text-decoration: none;
}

.main-menu a:hover,
.mobile-menu a:hover,
.main-menu .current-menu-item > a,
.mobile-menu .current-menu-item > a {
	text-decoration: underline;
}


/* Main Menu --------------------------------- */

.main-menu > li + li {
	margin-left: 3rem;
}


/* Mobile Menu ------------------------------- */
/* Navigation Toggle ------------------------- */

button.nav-toggle {
	background: none;
}

.nav-toggle {
	cursor: pointer;
	height: 5rem;
	position: relative;
	width: 10rem;
}

.nav-toggle-label {
	display: none;
	position: absolute;
		right: 4.6rem;
		top: 50%;
	transform: translateY( -50% );
	white-space: nowrap;
}

.nav-toggle:not(.active) .hide { display: none; }
.nav-toggle.active .show { display: none; }

.nav-toggle .bars {
	height: 1.8rem;
	position: absolute;
		right: 0;
		top: calc( 50% - .9rem );
	width: 2.6rem;
}

.nav-toggle .bar {
	background: #152025;
	display: block;
	height: .2rem;
	position: absolute;
		right: 0;
		top: calc( 50% - .1rem );
	transition: transform 0.2s ease-in, opacity 0s ease-out 0.2s, margin 0.2s ease-out 0.2s;
	width: 2.6rem;
}

.nav-toggle .bar:nth-child(1) { margin-top: -.8rem; }
.nav-toggle .bar:nth-child(3) { margin-top: 0.8rem; }

.nav-toggle.active .bar {
	margin-top: -.1rem;
	transition: margin 0.2s ease-in, opacity 0s ease-in 0.2s, transform 0.2s ease-out 0.25s;
}

.nav-toggle.active .bar:nth-child(1) { transform: rotate( 45deg ); }
.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
.nav-toggle.active .bar:nth-child(3) { transform: rotate( -45deg ); }


/* --------------------------------------------------------------------------------------------- */
/*	X. Main content
/* --------------------------------------------------------------------------------------------- */

.grid-item-svg-wrapper{
    border-bottom: 0.1rem solid #E8E8E8;
    display: flex;
    justify-content: space-between;
}

.grid-item-svg-wrapper:first-child {
    border-top: 0.1rem solid #E8E8E8;
    border-bottom: 0.1rem solid #E8E8E8;

}

.grid-item-svg-wrapper svg{
    padding-left: 2.5rem;
    height: 3.2rem;
}

.grid-item-svg-wrapper:after{
    background-image: url('./assets/svg/arrow-right-red.svg');
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 3rem;
    margin-right: 2.5rem;
    width: 3rem;
    transition: margin .1s linear;
}

.grid-item-svg-wrapper:first-child:after{
    background-image: url('./assets/svg/arrow-right.svg');
}

.happy-happy .title {
    letter-spacing: -1.6px;
    position: absolute;
    top: 8rem;
    margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}

.grid-book-inner{
    height: auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.author{
    position: absolute;
    top: 7rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.author::after{
    background: #FFF047;
    content: '';
    display: block;
    height: 0.1rem;
    width: 12rem;
    margin-top: 2.5rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
        left: 0;
        right: 0;
}

.button-with-icon.green {
    top: -4rem;
}

.author-section .faux-image-wrapper{
    position: relative;
}

.author-section .faux-image-wrapper:before{
    background-image: linear-gradient(-179deg, #0B1C23 0%, rgba(11,28,35,0.00) 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 5rem;
    z-index: 9;
}

.author-section .faux-image-wrapper:after{
    background-image: linear-gradient(0deg, #0B1C23 0%, rgba(11,28,35,0.00) 100%);
    content: '';
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 5rem;
    z-index: 9;
}

/* --------------------------------------------------------------------------------------------- */
/*	X. Entry Content
/* --------------------------------------------------------------------------------------------- */


.entry-content {
	line-height: 1.5;
}

.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }

.entry-content a:hover {
	text-decoration: underline;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	margin: 3rem 0 1.5rem;
}

.entry-content h1 { font-size: 2.8rem; }
.entry-content h2 { font-size: 2.4rem; }
.entry-content h3 { font-size: 2.2rem; }
.entry-content h4 { font-size: 2rem; }
.entry-content h5 { font-size: 1.8rem; }
.entry-content h6 { 
	font-size: 1.6rem; 
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

.entry-content p,
.entry-content li {
	line-height: 1.5;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 1rem;
}

.entry-content li {
	margin: .5rem 0;
}

.entry-content pre {
	border-radius: .4rem;
	line-height: 1.5;
	margin: 2rem 0;
	padding: 1.5rem;
}

.entry-content blockquote {
	border-left: .1rem solid #152025;
	font-size: 0.95em;
	margin-bottom: 1.25em;
	padding-left: 2rem;
}

.entry-content blockquote p {
	font-style: italic;
}


/* Entry Content Media ------------------------- */

.entry-content img {
	display: block;
}

.entry-content .wp-caption-text,
.entry-content figcaption {
	font-size: 1.4rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Site Pagination
/* --------------------------------------------------------------------------------------------- */


.no-js .pagination-wrapper { 
	display: block !important;
}

.pagination-wrapper.pagination-type-button.loaded-last-page,
.pagination-wrapper.pagination-type-scroll.loaded-last-page { 
	display: none; 
}

#pagination {
	height: 4.8rem;
	position: relative;
	text-align: center;
}

#load-more,
#pagination .loading-icon,
#pagination .out-of-posts {
	position: absolute;
		left: 50%;
		top: 50%;
	transform: translateX( -50% ) translateY( -50% );
	transition: color .2s linear, opacity .2s linear, transform .2s ease-out;
}

#pagination:not(.last-page) .out-of-posts,
#pagination.loading #load-more,
#pagination.last-page #load-more,
#pagination:not(.loading) .loading-icon {
	left: -9999rem;
	opacity: 0;
	transform: translateX( -50% ) translateY( -50% ) scale( 0.5 );
	transition: opacity .2s linear, transform .2s ease-out, left 0s .2s, right 0s .2s;
}

#pagination:not(.pagination-type-button) #load-more {
	display: none;
}

html.js body:not(.pagination-type-links) .link-pagination {
	display: none;
}

.no-js #load-more,
.no-js #pagination .loading-icon {
	display: none;
}

#pagination .out-of-posts {
	margin: 0;
	text-align: center;
	width: 100%;
}

/* LINK PAGINATION */

.link-pagination {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.link-pagination.only-next {
	justify-content: flex-end;
}

.link-pagination a {
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Site Footer
/* --------------------------------------------------------------------------------------------- */

.site-footer{
    display: flex;
    justify-content: space-between;
}

/* --------------------------------------------------------------------------------------------- */
/*	X. Media Queries
/* --------------------------------------------------------------------------------------------- */

@media ( max-width: 350px ) {

    body {
        font-size: 1.6rem;
    }

}


@media ( min-width: 700px ) {


	/* Element Base ------------------------- */

	/* VANILLA GALLERIES */

	.gallery-columns-2 .gallery-item { max-width: 50%; }
	.gallery-columns-3 .gallery-item { max-width: 33.33%; }
	.gallery-columns-4 .gallery-item { max-width: 25%; }
	.gallery-columns-5 .gallery-item { max-width: 20%; }
	.gallery-columns-6 .gallery-item { max-width: 16.66%; }
	.gallery-columns-7 .gallery-item { max-width: 14.28%; }
	.gallery-columns-8 .gallery-item { max-width: 12.5%; }
	.gallery-columns-9 .gallery-item { max-width: 11.11%; }


	/* Helper Classes ------------------------- */

	/* SECTIONS */

	section {
		padding: 8rem 0;
	}

	.section-inner {
		width: calc( 100% - 8rem );
	}

	/* PADDING HELPERS */

	.tpad-all-0 { padding: 0; }
	.tpad-u-0, .tpad-v-0 { padding-top: 0; }
	.tpad-d-0, .tpad-v-0 { padding-bottom: 0; }
	.tpad-l-0, .tpad-h-0 { padding-left: 0; }
	.tpad-r-0, .tpad-h-0 { padding-right: 0; }

	.tpad-all-20 { padding: 2rem; }
	.tpad-u-20, .tpad-v-20 { padding-top: 2rem; }
	.tpad-d-20, .tpad-v-20 { padding-bottom: 2rem; }
	.tpad-l-20, .tpad-h-20 { padding-left: 2rem; }
	.tpad-r-20, .tpad-h-20 { padding-right: 2rem; }

	.tpad-all-40 { padding: 4rem; }
	.tpad-u-40, .tpad-v-40 { padding-top: 4rem; }
	.tpad-d-40, .tpad-v-40 { padding-bottom: 4rem; }
	.tpad-l-40, .tpad-h-40 { padding-left: 4rem; }
    .tpad-r-40, .tpad-h-40 { padding-right: 4rem; }
    
    .tpad-all-52 { padding: 5.2rem; }
	.tpad-u-52, .tpad-v-52 { padding-top: 5.2rem; }
	.tpad-d-52, .tpad-v-52 { padding-bottom: 5.2rem; }
	.tpad-l-52, .tpad-h-52 { padding-left: 5.2rem; }
	.tpad-r-52, .tpad-h-52 { padding-right: 5.2rem; }

	.tpad-all-60 { padding: 6rem; }
	.tpad-u-60, .tpad-v-60 { padding-top: 6rem; }
	.tpad-d-60, .tpad-v-60 { padding-bottom: 6rem; }
	.tpad-l-60, .tpad-h-60 { padding-left: 6rem; }
    .tpad-r-60, .tpad-h-60 { padding-right: 6rem; }

    .tpad-all-64 { padding: 6.4rem; }
	.tpad-u-64, .tpad-v-64 { padding-top: 6.4rem; }
	.tpad-d-64, .tpad-v-64 { padding-bottom: 6.4rem; }
	.tpad-l-64, .tpad-h-64 { padding-left: 6.4rem; }
    .tpad-r-64, .tpad-h-64 { padding-right: 6.4rem; }
    
    .tpad-all-70 { padding: 7rem; }
	.tpad-u-70, .tpad-v-70 { padding-top: 7rem; }
	.tpad-d-70, .tpad-v-70 { padding-bottom: 7rem; }
	.tpad-l-70, .tpad-h-70 { padding-left: 7rem; }
	.tpad-r-70, .tpad-h-70 { padding-right: 7rem; }

    .tpad-all-72 { padding: 7.2rem; }
	.tpad-u-72, .tpad-v-72 { padding-top: 7.2rem; }
	.tpad-d-72, .tpad-v-72 { padding-bottom: 7.2rem; }
	.tpad-l-72, .tpad-h-72 { padding-left: 7.2rem; }
	.tpad-r-72, .tpad-h-72 { padding-right: 7.2rem; }

	.tpad-all-80 { padding: 8rem; }
	.tpad-u-80, .tpad-v-80 { padding-top: 8rem; }
	.tpad-d-80, .tpad-v-80 { padding-bottom: 8rem; }
	.tpad-l-80, .tpad-h-80 { padding-left: 8rem; }
    .tpad-r-80, .tpad-h-80 { padding-right: 8rem; }
    
    .tpad-all-84 { padding: 8.4rem; }
	.tpad-u-84, .tpad-v-84 { padding-top: 8.4rem; }
	.tpad-d-84, .tpad-v-84 { padding-bottom: 8.4rem; }
	.tpad-l-84, .tpad-h-84 { padding-left: 8.4rem; }
	.tpad-r-84, .tpad-h-84 { padding-right: 8.4rem; }

	.tpad-all-100 { padding: 10rem; }
	.tpad-u-100, .tpad-v-100 { padding-top: 10rem; }
	.tpad-d-100, .tpad-v-100 { padding-bottom: 10rem; }
	.tpad-l-100, .tpad-h-100 { padding-left: 10rem; }
    .tpad-r-100, .tpad-h-100 { padding-right: 10rem; }
    
    .tpad-all-110 { padding: 11rem; }
	.tpad-u-110, .tpad-v-110 { padding-top: 11rem; }
	.tpad-d-110, .tpad-v-110 { padding-bottom: 11rem; }
	.tpad-l-110, .tpad-h-110 { padding-left: 11rem; }
    .tpad-r-110, .tpad-h-110 { padding-right: 11rem; }
    
    .tpad-all-154 { padding: 15.4rem; }
	.tpad-u-154, .tpad-v-154 { padding-top: 15.4rem; }
	.tpad-d-154, .tpad-v-154 { padding-bottom: 15.4rem; }
	.tpad-l-154, .tpad-h-154 { padding-left: 15.4rem; }
	.tpad-r-154, .tpad-h-154 { padding-right: 15.4rem; }

	/* HIDING AND SHOWING */

	.display-t-none { display: none; }
	.display-t-flex { display: flex; }
	.display-t-block { display: block; }
	.display-t-inline { display: inline; }
	.display-t-inline-flex { display: inline-flex; }
	.display-t-inline-block { display: inline-block; }

	/* TEXT SIZES */

	.tfs-inherit { font-size: inherit; }

    .tfs-12 { font-size: 1.2rem; }
	.tfs-14 { font-size: 1.4rem; }
	.tfs-15 { font-size: 1.5rem; }
	.tfs-16 { font-size: 1.6rem; }
	.tfs-17 { font-size: 1.7rem; }
	.tfs-18 { font-size: 1.8rem; }
	.tfs-19 { font-size: 1.9rem; }
	.tfs-20 { font-size: 2.0rem; }
	.tfs-21 { font-size: 2.1rem; }
	.tfs-22 { font-size: 2.2rem; }
	.tfs-23 { font-size: 2.3rem; }
	.tfs-24 { font-size: 2.4rem; }
	.tfs-28 { font-size: 2.8rem; }
	.tfs-32 { font-size: 3.2rem; }
	.tfs-36 { font-size: 3.6rem; }
    .tfs-40 { font-size: 4.0rem; }
    .tfs-44 { font-size: 4.4rem; }
	.tfs-48 { font-size: 4.8rem; }
	.tfs-56 { font-size: 5.6rem; }
	.tfs-64 { font-size: 6.4rem; }
	.tfs-96 { font-size: 9.6rem; }

	/* TEXT COLUMNS */

	.text-cols-t-2 { columns: 2 4rem; }
	.text-cols-t-3 { columns: 3 4rem; }

	/* GRID STRUCTURE */

	.grid {
		margin: 0 0 -6rem -4rem;
	}

	.grid + .grid { margin-top: 6rem; }
	
	.grid .grid-item {
		margin: 0 0 6rem 4rem;
		width: calc( 100% - 4rem );
	}

	.grid.mcols-2 > .grid-item,
	.grid.tcols-2 > .grid-item {
		width: calc( 50% - 4rem );
	}

	.grid.tcols-2.no-hgutter > .grid-item { width: 50%; }

	.grid.match-gutter { margin-bottom: -4rem; }
	.grid.match-gutter + .grid.match-gutter { margin-top: 4rem; }
	.grid.match-gutter .grid-item { margin-bottom: 4rem; }


    
    /* Site Footer ------------------------------------ */
    .site-footer{
        border-top: 0.1rem solid #E8E8E8;
    }


}


@media ( min-width: 1000px ) {


	body {
        font-size: 1.9rem;
	}

    p {
        line-height: 1.63;
    }
	/* Helper Classes ------------------------- */

	/* SECTIONS */

	.section-inner {
		width: calc( 100% - 10rem );
	}

	/* PADDING HELPERS */

	.tlpad-all-0 { padding: 0; }
	.tlpad-u-0, .tlpad-v-0 { padding-top: 0; }
	.tlpad-d-0, .tlpad-v-0 { padding-bottom: 0; }
	.tlpad-l-0, .tlpad-h-0 { padding-left: 0; }
	.tlpad-r-0, .tlpad-h-0 { padding-right: 0; }

	.tlpad-all-20 { padding: 2rem; }
	.tlpad-u-20, .tlpad-v-20 { padding-top: 2rem; }
	.tlpad-d-20, .tlpad-v-20 { padding-bottom: 2rem; }
	.tlpad-l-20, .tlpad-h-20 { padding-left: 2rem; }
	.tlpad-r-20, .tlpad-h-20 { padding-right: 2rem; }

	.tlpad-all-40 { padding: 4rem; }
	.tlpad-u-40, .tlpad-v-40 { padding-top: 4rem; }
	.tlpad-d-40, .tlpad-v-40 { padding-bottom: 4rem; }
	.tlpad-l-40, .tlpad-h-40 { padding-left: 4rem; }
	.tlpad-r-40, .tlpad-h-40 { padding-right: 4rem; }

	.tlpad-all-60 { padding: 6rem; }
	.tlpad-u-60, .tlpad-v-60 { padding-top: 6rem; }
	.tlpad-d-60, .tlpad-v-60 { padding-bottom: 6rem; }
	.tlpad-l-60, .tlpad-h-60 { padding-left: 6rem; }
	.tlpad-r-60, .tlpad-h-60 { padding-right: 6rem; }

	.tlpad-all-80 { padding: 8rem; }
	.tlpad-u-80, .tlpad-v-80 { padding-top: 8rem; }
	.tlpad-d-80, .tlpad-v-80 { padding-bottom: 8rem; }
	.tlpad-l-80, .tlpad-h-80 { padding-left: 8rem; }
	.tlpad-r-80, .tlpad-h-80 { padding-right: 8rem; }

	.tlpad-all-100 { padding: 10rem; }
	.tlpad-u-100, .tlpad-v-100 { padding-top: 10rem; }
	.tlpad-d-100, .tlpad-v-100 { padding-bottom: 10rem; }
	.tlpad-l-100, .tlpad-h-100 { padding-left: 10rem; }
	.tlpad-r-100, .tlpad-h-100 { padding-right: 10rem; }

	/* TEXT SIZES */

	.tlfs-inherit { font-size: inherit; }

	.tlfs-14 { font-size: 1.4rem; }
	.tlfs-15 { font-size: 1.5rem; }
	.tlfs-16 { font-size: 1.6rem; }
	.tlfs-17 { font-size: 1.7rem; }
	.tlfs-18 { font-size: 1.8rem; }
	.tlfs-19 { font-size: 1.9rem; }
	.tlfs-20 { font-size: 2.0rem; }
	.tlfs-21 { font-size: 2.1rem; }
	.tlfs-22 { font-size: 2.2rem; }
	.tlfs-23 { font-size: 2.3rem; }
	.tlfs-24 { font-size: 2.4rem; }
	.tlfs-28 { font-size: 2.8rem; }
	.tlfs-32 { font-size: 3.2rem; }
	.tlfs-36 { font-size: 3.6rem; }
	.tlfs-40 { font-size: 4.0rem; }
	.tlfs-48 { font-size: 4.8rem; }
	.tlfs-56 { font-size: 5.6rem; }
	.tlfs-64 { font-size: 6.4rem; }
	.tlfs-96 { font-size: 9.6rem; }

	/* GRID STRUCTURE */

	.grid.tlcols-2 > .grid-item { width: calc( 50% - 4rem ); }
	.grid.tlcols-2.no-hgutter > .grid-item { width: 50%; }

	.grid.tlcols-3 > .grid-item { width: calc( 33.33% - 4rem ); }
	.grid.tlcols-3.no-hgutter > .grid-item { width: 33.33%; }

	.grid.tlcols-4 > .grid-item { width: calc( 25% - 4rem ); }
	.grid.tlcols-4.no-hgutter > .grid-item { width: 25%; }

	/* HIDING AND SHOWING */

	.display-tl-none { display: none; }
	.display-tl-flex { display: flex; }
	.display-tl-block { display: block; }
	.display-tl-inline { display: inline; }
	.display-tl-inline-flex { display: inline-flex; }
	.display-tl-inline-block { display: inline-block; }


    /* Main content ----------------------------------- */

    .site-header .logo{
        height: 47.9rem;
        position: relative;
        
    }

    .site-header .logo svg{
        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 1s; /* Firefox < 16 */
            -ms-animation: fadein 1s; /* Internet Explorer */
             -o-animation: fadein 1s; /* Opera < 12.1 */
                animation: fadein 1s;
    }
    
    @keyframes fadein {
        from { opacity: 0; margin-top: -50px; }
        to   { opacity: 1; margin-bottom: initial; }
    }
    
    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; margin-top: -50px; }
        to   { opacity: 1; margin-bottom: initial; }
    }
    
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; margin-top: -50px; }
        to   { opacity: 1; margin-bottom: initial; }
    }
    
    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; margin-top: -50px; }
        to   { opacity: 1; margin-bottom: initial; }
    }
    
    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; margin-top: -50px; }
        to   { opacity: 1; margin-bottom: initial; }
    }

    .site-header svg{
        /* height: 47.9rem; */
        position: absolute;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    .happy-happy .title{
        position: static;
    }

    .author-section{
        min-height: 70.8rem;
        display: flex;
        flex-flow: wrap;
        justify-content: flex-end;
    }

    .author-section .faux-image{
        margin: 0;
        left: 0;
        width: 60%;
        position: absolute;
        height: 70.8rem;
    }

    .author-section .text{
        width: 45%;
        float: right;
        z-index: 99;
        background: #0B1C23;
        margin-right: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }

    .author-section .text p{
        max-width: 41.8rem;
    }

    .author-section .faux-image:before {
        content: '';
        display: block;
        height: 70.8rem;
        position: absolute;
            top: 0;
            right: 4rem;
        width: 30.5rem;
        background-image: linear-gradient(270deg, #0B1C23 0%, rgba(11,28,35,0.00) 100%);
        z-index: 99;
    }

    .author-section .faux-image-wrapper{
        position: static;
    }
    
    .author-section .faux-image-wrapper:before{
       content: none;
    }
    
    .author-section .faux-image-wrapper:after{
        content: none;
    }

    .author {
        text-align: left;
        position: static;
    }

    .author::after {
        margin-top: 2.4rem;
        left: 0;
        margin-left: 0;
    }

    .grid-item-svg-wrapper svg{
        padding: 0;
        width: initial;
    }

    .grid-item-svg-wrapper:after{
        margin-right: 0;
    }

    .grid-item-svg-wrapper:hover:after {
        margin-right: -0.5rem;
    }

    .happy-happy img{
        max-width: 40rem;
    }

    .button-with-icon{
        width: 7.9rem;
        height: 7.9rem;
        flex-direction: column;
    }


    .button-with-icon svg{
        height: 3.511rem;
        top: auto;
        transition: opacity .1s linear;
        top:50%;
        left:50%;   
        transform: translate(-50%, -50%);
        position:absolute;
    }


    .button-with-icon:hover svg {
        opacity: 0.8;
    }

}


@media ( min-width: 1200px ) {


	/* Helper Classes ------------------------------- */

	/* SECTIONS */

	.section-inner {
		width: calc( 100% - 12rem );
	}

	/* PADDING HELPERS */

	.dpad-all-0 { padding: 0; }
	.dpad-u-0, .dpad-v-0 { padding-top: 0; }
	.dpad-d-0, .dpad-v-0 { padding-bottom: 0; }
	.dpad-l-0, .dpad-h-0 { padding-left: 0; }
	.dpad-r-0, .dpad-h-0 { padding-right: 0; }

	.dpad-all-20 { padding: 2rem; }
	.dpad-u-20, .dpad-v-20 { padding-top: 2rem; }
	.dpad-d-20, .dpad-v-20 { padding-bottom: 2rem; }
	.dpad-l-20, .dpad-h-20 { padding-left: 2rem; }
	.dpad-r-20, .dpad-h-20 { padding-right: 2rem; }

	.dpad-all-40 { padding: 4rem; }
	.dpad-u-40, .dpad-v-40 { padding-top: 4rem; }
	.dpad-d-40, .dpad-v-40 { padding-bottom: 4rem; }
	.dpad-l-40, .dpad-h-40 { padding-left: 4rem; }
	.dpad-r-40, .dpad-h-40 { padding-right: 4rem; }

	.dpad-all-60 { padding: 6rem; }
	.dpad-u-60, .dpad-v-60 { padding-top: 6rem; }
	.dpad-d-60, .dpad-v-60 { padding-bottom: 6rem; }
	.dpad-l-60, .dpad-h-60 { padding-left: 6rem; }
	.dpad-r-60, .dpad-h-60 { padding-right: 6rem; }

	.dpad-all-80 { padding: 8rem; }
	.dpad-u-80, .dpad-v-80 { padding-top: 8rem; }
	.dpad-d-80, .dpad-v-80 { padding-bottom: 8rem; }
	.dpad-l-80, .dpad-h-80 { padding-left: 8rem; }
	.dpad-r-80, .dpad-h-80 { padding-right: 8rem; }

	.dpad-all-100 { padding: 10rem; }
	.dpad-u-100, .dpad-v-100 { padding-top: 10rem; }
	.dpad-d-100, .dpad-v-100 { padding-bottom: 10rem; }
	.dpad-l-100, .dpad-h-100 { padding-left: 10rem; }
	.dpad-r-100, .dpad-h-100 { padding-right: 10rem; }

	.dpad-all-120 { padding: 12rem; }
	.dpad-u-120, .dpad-v-120 { padding-top: 12rem; }
	.dpad-d-120, .dpad-v-120 { padding-bottom: 12rem; }
	.dpad-l-120, .dpad-h-120 { padding-left: 12rem; }
	.dpad-r-120, .dpad-h-120 { padding-right: 12rem; }

	.dpad-all-140 { padding: 14rem; }
	.dpad-u-140, .dpad-v-140 { padding-top: 14rem; }
	.dpad-d-140, .dpad-v-140 { padding-bottom: 14rem; }
	.dpad-l-140, .dpad-h-140 { padding-left: 14rem; }
	.dpad-r-140, .dpad-h-140 { padding-right: 14rem; }

	.dpad-all-160 { padding: 16rem; }
	.dpad-u-160, .dpad-v-160 { padding-top: 16rem; }
	.dpad-d-160, .dpad-v-160 { padding-bottom: 16rem; }
	.dpad-l-160, .dpad-h-160 { padding-left: 16rem; }
	.dpad-r-160, .dpad-h-160 { padding-right: 16rem; }

	.dpad-all-180 { padding: 18rem; }
	.dpad-u-180, .dpad-v-180 { padding-top: 18rem; }
	.dpad-d-180, .dpad-v-180 { padding-bottom: 18rem; }
	.dpad-l-180, .dpad-h-180 { padding-left: 18rem; }
	.dpad-r-180, .dpad-h-180 { padding-right: 18rem; }

	/* HIDING AND SHOWING */

	.display-d-none { display: none; }
	.display-d-flex { display: flex; }
	.display-d-block { display: block; }
	.display-d-inline { display: inline; }
	.display-d-inline-flex { display: inline-flex; }
	.display-d-inline-block { display: inline-block; }

	/* FAUX IMAGE */

	.faux-image.cover-image { height: calc( 100vh - 8rem ); }

	/* TEXT SIZES */

	.dfs-inherit { font-size: inherit; }

	.dfs-14 { font-size: 1.4rem; }
	.dfs-15 { font-size: 1.5rem; }
	.dfs-16 { font-size: 1.6rem; }
	.dfs-17 { font-size: 1.7rem; }
	.dfs-18 { font-size: 1.8rem; }
	.dfs-19 { font-size: 1.9rem; }
	.dfs-22 { font-size: 2.2rem; }
	.dfs-24 { font-size: 2.4rem; }
	.dfs-28 { font-size: 2.8rem; }
	.dfs-32 { font-size: 3.2rem; }
	.dfs-36 { font-size: 3.6rem; }
	.dfs-40 { font-size: 4.0rem; }
	.dfs-48 { font-size: 4.8rem; }
	.dfs-64 { font-size: 6.4rem; }
	.dfs-86 { font-size: 8.6rem; }
	.dfs-128 { font-size: 12.8rem; }

	/* TEXT COLUMNS */

	.text-cols-d-2 { columns: 2 6rem; }
	.text-cols-d-3 { columns: 3 6rem; }
	.text-cols-d-4 { columns: 4 6rem; }

	/* GRID STRUCTURE */

	.grid.dcols-2 > .grid-item { width: calc( 50% - 4rem ); }
	.grid.dcols-2.no-hgutter > .grid-item { width: 50%; }

	.grid.dcols-3 > .grid-item { width: calc( 33.33% - 4rem ); }
	.grid.dcols-3.no-hgutter > .grid-item { width: 33.33%; }

	.grid.dcols-4 > .grid-item { width: calc( 25% - 4rem ); }
	.grid.dcols-4.no-hgutter > .grid-item { width: 25%; }

	/* Site Header ------------------------------------ */
	/* Sub Page --------------------------------------- */
	/* Template: [Template Name] ---------------------- */
	/* Post: Archive ---------------------------------- */
	/* Post: Single ----------------------------------- */
	/* Entry Content ---------------------------------- */
	/* Site Pagination -------------------------------- */
	/* Site Footer ------------------------------------ */

}