/* --- Source File: /css/bitte-ui.css --- */
		/* =============================================================
Bitte UI Theme
============================================================= */

/* Bitte Field
============================================================= */

.bitte-field {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	margin-bottom: 1.5rem;
}

* > .bitte-field:last-child {
	margin-bottom: 0;
}

/* Bitte Label
============================================================= */

.bitte-field .bitte-label {
	display: block;
	margin-bottom: .6875rem;
}

.bitte-field .bitte-label:empty {
	display: none;
}

.bitte-field .bitte-label .label {
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 800;
	line-height: 1.125rem;
	letter-spacing: .05rem;
	text-transform: uppercase;
	color: #2b2b2b;
}

.bitte-field .bitte-label .required-indicator {}

.bitte-field .bitte-label .instructions {}

/* Bitte UI
============================================================= */

.bitte-field .bitte-ui {
	position: relative;
	display: inline-block;
	width: 100%;
}

/* Bitte Message
============================================================= */

.bitte-field .bitte-message {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: normal;
	text-transform: none;
}

.bitte-field.invalid .bitte-message {
	color: #ff647e;
}

.bitte-field .bitte-message:empty {
	display: none;
}

/* Button
============================================================= */

.bitte-ui-button .button {
	/* Use button component */
}

.bitte-ui-button.disabled .button {
	opacity: .5;
	pointer-events: none;
}

/* Input
============================================================= */

.bitte-ui-input input {
	display: inline-block;
	width: 100%;
	min-width: 12rem;
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #2b2b2b;
	padding: .75rem 1rem;
	background-color: #ffffff;
	border: .125rem solid #eceee9;
	border-radius: .5rem;
}

.bitte-ui-input input::-webkit-input-placeholder {color: #959595; opacity: 1}
.bitte-ui-input input:-moz-placeholder {color: #959595; opacity: 1}
.bitte-ui-input input::-moz-placeholder {color: #959595; opacity: 1}
.bitte-ui-input input:-ms-input-placeholder {color: #959595; opacity: 1}

.bitte-ui-input.invalid input {
	border-color: #ff647e;
}

/* Textarea
============================================================= */

.bitte-ui-textarea textarea {
	display: inline-block;
	width: 100%;
	min-width: 12rem;
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #2b2b2b;
	padding: .75rem 1rem;
	background-color: #ffffff;
	border: .125rem solid #eceee9;
	border-radius: .5rem;
	resize: none;
}

.bitte-ui-textarea textarea::-webkit-input-placeholder {color: #959595; opacity: 1}
.bitte-ui-textarea textarea:-moz-placeholder {color: #959595; opacity: 1}
.bitte-ui-textarea textarea::-moz-placeholder {color: #959595; opacity: 1}
.bitte-ui-textarea textarea:-ms-input-placeholder {color: #959595; opacity: 1}

.bitte-ui-textarea.invalid textarea {
	border-color: #ff647e;
}

/* Dropdown
============================================================= */

.bitte-ui-dropdown .dropdown-button {
	display: inline-block;
	width: 100%;
	height: 3rem;
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #959595;
	padding: .75rem 2.375rem .75rem 1rem;
	background-color: #ffffff;
	border: .125rem solid #eceee9;
	border-radius: .5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 12rem;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default;
}

.bitte-ui-dropdown .dropdown-button::after {
	content: '';
	position: absolute;
	top: 1.25rem;
	right: 1rem;
	width: .5rem;
	height: .5rem;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCI+PHBhdGggc3R5bGU9ImZpbGw6ICM4OThiOGUiIGQ9Ik0xMiwwLDYsOCwwLDBaIi8+PC9zdmc+');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.bitte-ui-dropdown .dropdown-button.has-value {
	color: #2b2b2b;
}

.bitte-ui-dropdown .dropdown-menu {
	padding: .25rem 0;
	background-color: #ffffff;
	border-radius: .5rem;
	box-shadow: 0 0.25rem 1.5rem 0 rgba(0,0,0,.33);
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-height: 22rem;
	overflow: auto;
	display: none;
}

/* Firefox Scroll Speed Adjustment */
.bitte-ui-dropdown ul.dropdown-menu {
	font-size: .75rem;
}

/* Firefox Scroll Speed Adjustment */
.bitte-ui-dropdown ul.dropdown-menu > li{
	font-size: 0rem;
}

.bitte-ui-dropdown .dropdown-menu.is-active {
	display: block;
}

.bitte-ui-dropdown .dropdown-menu .dropdown-label {
	width: 100%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #2b2b2b;
	background-color: #ffffff;
	padding: .25rem 1.5rem;
}

.bitte-ui-dropdown .dropdown-menu .dropdown-item {
	width: 100%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #2b2b2b;
	background-color: #ffffff;
	padding: .25rem 2.5rem;
	cursor: default;
}

.bitte-ui-dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #56c3cc;
	color: #ffffff;
}

.bitte-ui-dropdown .dropdown-menu .dropdown-item:focus {
	background-color: #56c3cc;
	color: #ffffff;
	box-shadow: none;
}

.bitte-ui-dropdown .dropdown-menu .dropdown-item.checked:before {
	content: '\2713';
	display: inline-block;
	width: 1rem;
	margin-left: -1.5rem;
	margin-right: .5rem;
}

/* Combobox
============================================================= */

.bitte-ui-combobox .listbox {
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: #616d7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .5rem 0;
	max-height: 22rem;
	overflow: auto;
	display: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.bitte-ui-combobox .listbox.is-active {
	display: block;
}

.bitte-ui-combobox .listbox .option {
	width: 100%;
	text-align: left;
	font-size: 1.125rem;
	line-height: 2.125rem;
	color: #ffffff;
	padding: .25rem 2.5rem;
	cursor: default;
	display: none;
}

.bitte-ui-combobox .listbox .option:hover {
	background-color: #444e58;
}

.bitte-ui-combobox .listbox .option:focus {
	background-color: #252E38;
	box-shadow: none;
}

.bitte-ui-combobox .listbox .option.match {
	display: block;
}

/* Uberselect
============================================================= */

.bitte-ui-uberselect .uberselect {
	position: relative;
}

.bitte-ui-uberselect .uberselect-button {
	width: 100%;
	text-align: left;
	cursor: default;
	min-height: 3.25rem;
	background-color: #ffffff;
	border-radius: .3125rem;
}

.bitte-ui-uberselect .button-wrapper {
	display: flex;
	flex-wrap: wrap;
	border: .0625rem solid #d5d5d5;
	background-color: #ffffff;
	padding: .25rem 3.125rem .25rem .25rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: #242d39;
	border-radius: .3125rem;
}

.bitte-ui-uberselect .button-wrapper:after {
	content: '';
	position: absolute;
	top: 1.125rem;
	right: 1rem;
	width: 1rem;
	height: 1rem;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjYgNiAxMiAxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjMzMzZjQ4IiBkPSJNMTUuNTE3OCw5LjgxMjVhLjY2ODEuNjY4MSwwLDAsMC0xLDBoMGwtMi41LDIuNi0yLjUtMi41YS43MDcxLjcwNzEsMCwwLDAtMSwxbDMuNSwzLjUsMy41LTMuNWEuOS45LDAsMCwwLDAtMS4xWiI+PC9wYXRoPjwvc3ZnPg==');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.bitte-ui-uberselect .button-wrapper .placeholder {
	display: inline-block;
	margin: .25rem;
	padding: .3125rem .5rem;
	line-height: 1.5rem;
	color: #696969;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.bitte-ui-uberselect .button-wrapper .selection-tag {
	position: relative;
	display: inline-block;
	color: #ffffff;
	background-color: #00809f;
	padding: .3125rem 1.875rem .3125rem .75rem;
	margin: .25rem;
	border-radius: .3125rem;
	line-height: 1.5rem;
	text-align: left;
}

.bitte-ui-uberselect .button-wrapper .selection-tag:after {
	position: absolute;
	content: '\00d7';
	top: 0;
	right: 0;
	width: 2rem;
	height: 100%;
	font-size: 1.5rem;
	line-height: 2rem;
	text-align: center;
}

.bitte-ui-uberselect .dropdown-container {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: #ffffff;
	border-radius: .3125rem;
	box-shadow: 0 0.25rem 1.5rem 0 rgba(0,0,0,.1875);
}

.bitte-ui-uberselect .dropdown-container .input-container {
	position: relative;
	padding: .75rem .75rem .375rem .75rem;
}

.bitte-ui-uberselect .dropdown-container .input-container:after {
	content: '';
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	top: 1.5rem;
	right: 1.5rem;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjNjI2ZDc1IiBkPSJNMTguNzA3LDE3LjI5M2wtMy44Mi0zLjgyYTYuMDEyMiw2LjAxMjIsMCwxLDAtMS40MTQxLDEuNDE0MWwzLjgyLDMuODJBMSwxLDAsMCwwLDE4LjcwNywxNy4yOTNaTTYsMTBhNCw0LDAsMSwxLDQsNEE0LDQsMCwwLDEsNiwxMFoiPjwvcGF0aD48L3N2Zz4=');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.bitte-ui-uberselect .dropdown-container .input-container .input {
	height: 3.125rem;
	font-size: 1rem;
	line-height: 2rem;
	padding: .75rem 1rem;
	padding-right: 3.125rem;
	width: 100%;
	border: .0625rem solid #d5d5d5;
}

.bitte-ui-uberselect .listbox {
	background-color: #ffffff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: auto;
	padding: .375rem 0;
	max-height: 15.5rem;
	border-radius: 0 0 .3125rem .3125rem;
}

.bitte-ui-uberselect .listbox.is-active {
	display: block;
}

.bitte-ui-uberselect .listbox .option {
	width: 100%;
	text-align: left;
	color: #626d75;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .25rem 2.25rem;
	cursor: default;
	display: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.bitte-ui-uberselect .listbox .option:hover {
	background-color: #00809f;
	color: #ffffff;
}

.bitte-ui-uberselect .listbox .option:focus {
	background-color: #00809f;
	color: #ffffff;
	box-shadow: none;
}

.bitte-ui-uberselect .listbox .option.match {
	display: block;
}

.bitte-ui-uberselect .listbox .option.checked:before {
	content: '\2713';
	display: inline-block;
	width: 1rem;
	margin-left: -1.375rem;
	margin-right: .375rem;
}

.bitte-ui-uberselect .listbox .no-results {
	width: 100%;
	text-align: left;
	color: #696969;
	cursor: default;
	font-style: italic;
	display: none;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .25rem 2.25rem;
}

/* Radio
============================================================= */

.bitte-ui-radio {
	margin-bottom: 1rem;
}

.bitte-ui-radio .radiogroup {
	margin-bottom: 2rem;
}

.bitte-ui-radio .radiogroup .radio-container {
	display: block;
	margin-bottom: 1rem;
}

.bitte-ui-radio .radiogroup .radio {
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.63;
	letter-spacing: normal;
	text-align: left;
	color: #242d39;
	cursor: default;
	overflow: visible;
}

.bitte-ui-radio .radiogroup .radio:before {
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: .0625rem solid #626d75;
	background-color: #ffffff;
	display: inline-block;
	vertical-align: middle;
	overflow: visible;
	margin: .1875rem;
	margin-right: 1rem;
}

.bitte-ui-radio .radiogroup .radio.checked:before {
	background-color: #004c77;
	border: .0625rem solid #626d75;
	box-shadow: 0 0 0 .25rem #ffffff inset;
}

/* Inline
----------------------------- */

.bitte-ui-radio.inline {
	margin-bottom: 0;
}

.bitte-ui-radio.inline .radiogroup {
	margin-bottom: 0;
}

.bitte-ui-radio.inline .radiogroup .radio-container {
	display: inline-block;
	margin: 0;
	margin-right: 2rem;
}

/* Checkbox
============================================================= */

.bitte-ui-checkbox .bitte-ui .group {
    display: inline-block;
    width: 100%;
}

.bitte-ui-checkbox .bitte-ui .group .checkbox-button {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #242d39;
    cursor: default;
    white-space: nowrap;
}

.bitte-ui-checkbox .bitte-ui .group .checkbox-button:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    border: .125rem solid #bcbcbc;
    background-color: #ffffff;
    border-radius: 2px;
}

.bitte-ui-checkbox .bitte-ui .group .checkbox-button.active:before {
	content: "\2713";
	color: #ffffff;
	border: 0;
	background-color: #007cbb;
	padding-left: .0625rem;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 600;
}

.bitte-ui-checkbox .bitte-ui .group .checkbox-button > span {
    vertical-align: middle;
	font-family: 'HarmoniaSans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.75rem;
	letter-spacing: .1rem;
	text-transform: none;
	text-align: left;
	color: #54565b;

}

	/* --- Source File: /css/slick.css --- */
		/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

	/* --- Source File: /css/wkf-fonts.css --- */
		@font-face {
	font-family: 'Cubano';
	src: url('../assets/fonts/cubano-regular-webfont.woff2') format('woff2'),
		 url('../assets/fonts/cubano-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
	/* --- Source File: /css/wkf-reset.css --- */
		html {
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	font-size: 100%;
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	     text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	background: transparent;
}

body {
	overflow-x: hidden;
	font-size: 0;
	line-height: 0;
}

img {
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: middle;
}

a {
	color: currentColor;
	text-decoration: none;
}

ol,
ul {
	list-style: none;
}

[type='button'],
[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='file'],
[type='month'],
[type='number'],
[type='password'],
[type='range'],
[type='reset'],
[type='search'],
[type='submit'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
select,
textarea,
button {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

::-webkit-input-placeholder {color: currentColor; opacity: .5;}
:-moz-placeholder           {color: currentColor; opacity: .5;}
::-moz-placeholder          {color: currentColor; opacity: .5;}
:-ms-input-placeholder      {color: currentColor;}

table,
tr,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}

main {
	display: block;
}
	/* --- Source File: /css/wkf-grid.css --- */
		/* Row
============================================================= */

.row {
	display: flex;
	flex-flow: row wrap;
}

.row.xs {
	max-width: 32rem;
	margin-left: auto;
	margin-right: auto;
}

.row.sm {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}

.row.md {
	max-width: 64rem;
	margin-left: auto;
	margin-right: auto;
}

.row.lg {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
}

.row.xl {
	max-width: 96rem;
	margin-left: auto;
	margin-right: auto;
}

.row.row--left {justify-content: flex-start}
.row.row--center {justify-content: center}
.row.row--right {justify-content: flex-end}

/* Column
============================================================= */

.col {
	display: block;
	flex: none;
	width: auto;
}

/* Extra-Small (>= 0px)
----------------------------- */

.row > .col.xs-0 {
	display: none;
}

.row > .col.xs-1 {
	display: block;
	width: 8.3333%;
}

.row > .col.xs-2 {
	display: block;
	width: 16.6667%;
}

.row > .col.xs-2p4 {
	display: block;
	width: 20%;
}

.row > .col.xs-3 {
	display: block;
	width: 25%;
}

.row > .col.xs-4 {
	display: block;
	width: 33.3333%;
}

.row > .col.xs-5 {
	display: block;
	width: 41.6667%;
}

.row > .col.xs-6 {
	display: block;
	width: 50%;
}

.row > .col.xs-7 {
	display: block;
	width: 58.3333%;
}

.row > .col.xs-8 {
	display: block;
	width: 66.6667%;
}

.row > .col.xs-9 {
	display: block;
	width: 75%;
}

.row > .col.xs-10 {
	display: block;
	width: 83.3333%;
}

.row > .col.xs-11 {
	display: block;
	width: 91.6667%;
}

.row > .col.xs-12 {
	display: block;
	width: 100%;
}

.row > .col.xs-fixed {
	display: block;
	width: auto;
}

.row > .col.xs-auto {
	display: block; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
	flex: 1 1 0.00000001px;
	width: auto;
}

/* Small (>= 512px)
----------------------------- */

.row[min-width~='32rem'] > .col.sm-0 {
	display: none;
}

.row[min-width~='32rem'] > .col.sm-1 {
	display: block;
	width: 8.3333%;
}

.row[min-width~='32rem'] > .col.sm-2 {
	display: block;
	width: 16.6667%;
}

.row[min-width~='32rem'] > .col.sm-2p4 {
	display: block;
	width: 20%;
}

.row[min-width~='32rem'] > .col.sm-3 {
	display: block;
	width: 25%;
}

.row[min-width~='32rem'] > .col.sm-4 {
	display: block;
	width: 33.3333%;
}

.row[min-width~='32rem'] > .col.sm-5 {
	display: block;
	width: 41.6667%;
}

.row[min-width~='32rem'] > .col.sm-6 {
	display: block;
	width: 50%;
}

.row[min-width~='32rem'] > .col.sm-7 {
	display: block;
	width: 58.3333%;
}

.row[min-width~='32rem'] > .col.sm-8 {
	display: block;
	width: 66.6667%;
}

.row[min-width~='32rem'] > .col.sm-9 {
	display: block;
	width: 75%;
}

.row[min-width~='32rem'] > .col.sm-10 {
	display: block;
	width: 83.3333%;
}

.row[min-width~='32rem'] > .col.sm-11 {
	display: block;
	width: 91.6667%;
}

.row[min-width~='32rem'] > .col.sm-12 {
	display: block;
	width: 100%;
}

.row[min-width~='32rem'] > .col.sm-fixed {
	display: block;
	width: auto;
}

.row[min-width~='32rem'] > .col.sm-auto {
	display: block; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
	flex: 1 1 0.00000001px;
	width: auto;
}

/* Medium (>= 768px)
----------------------------- */

.row[min-width~='48rem'] > .col.md-0 {
	display: none;
}

.row[min-width~='48rem'] > .col.md-1 {
	display: block;
	width: 8.3333%;
}

.row[min-width~='48rem'] > .col.md-2 {
	display: block;
	width: 16.6667%;
}

.row[min-width~='48rem'] > .col.md-2p4 {
	display: block;
	width: 20%;
}

.row[min-width~='48rem'] > .col.md-3 {
	display: block;
	width: 25%;
}

.row[min-width~='48rem'] > .col.md-4 {
	display: block;
	width: 33.3333%;
}

.row[min-width~='48rem'] > .col.md-5 {
	display: block;
	width: 41.6667%;
}

.row[min-width~='48rem'] > .col.md-6 {
	display: block;
	width: 50%;
}

.row[min-width~='48rem'] > .col.md-7 {
	display: block;
	width: 58.3333%;
}

.row[min-width~='48rem'] > .col.md-8 {
	display: block;
	width: 66.6667%;
}

.row[min-width~='48rem'] > .col.md-9 {
	display: block;
	width: 75%;
}

.row[min-width~='48rem'] > .col.md-10 {
	display: block;
	width: 83.3333%;
}

.row[min-width~='48rem'] > .col.md-11 {
	display: block;
	width: 91.6667%;
}

.row[min-width~='48rem'] > .col.md-12 {
	display: block;
	width: 100%;
}

.row[min-width~='48rem'] > .col.md-fixed {
	display: block;
	width: auto;
}

.row[min-width~='48rem'] > .col.md-auto {
	display: block; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
	flex: 1 1 0.00000001px;
	width: auto;
}

/* Large (>= 1024px)
----------------------------- */

.row[min-width~='64rem'] > .col.lg-0 {
	display: none;
}

.row[min-width~='64rem'] > .col.lg-1 {
	display: block;
	width: 8.3333%;
}

.row[min-width~='64rem'] > .col.lg-2 {
	display: block;
	width: 16.6667%;
}

.row[min-width~='64rem'] > .col.lg-2p4 {
	display: block;
	width: 20%;
}

.row[min-width~='64rem'] > .col.lg-3 {
	display: block;
	width: 25%;
}

.row[min-width~='64rem'] > .col.lg-4 {
	display: block;
	width: 33.3333%;
}

.row[min-width~='64rem'] > .col.lg-5 {
	display: block;
	width: 41.6667%;
}

.row[min-width~='64rem'] > .col.lg-6 {
	display: block;
	width: 50%;
}

.row[min-width~='64rem'] > .col.lg-7 {
	display: block;
	width: 58.3333%;
}

.row[min-width~='64rem'] > .col.lg-8 {
	display: block;
	width: 66.6667%;
}

.row[min-width~='64rem'] > .col.lg-9 {
	display: block;
	width: 75%;
}

.row[min-width~='64rem'] > .col.lg-10 {
	display: block;
	width: 83.3333%;
}

.row[min-width~='64rem'] > .col.lg-11 {
	display: block;
	width: 91.6667%;
}

.row[min-width~='64rem'] > .col.lg-12 {
	display: block;
	width: 100%;
}

.row[min-width~='64rem'] > .col.lg-fixed {
	display: block;
	width: auto;
}

.row[min-width~='64rem'] > .col.lg-auto {
	display: block; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
	flex: 1 1 0.00000001px;
	width: auto;
}

/* Extra-Large (>= 1280px)
----------------------------- */

.row[min-width~='80rem'] > .col.xl-0 {
	display: none;
}

.row[min-width~='80rem'] > .col.xl-1 {
	display: block;
	width: 8.3333%;
}

.row[min-width~='80rem'] > .col.xl-2 {
	display: block;
	width: 16.6667%;
}

.row[min-width~='80rem'] > .col.xl-2p4 {
	display: block;
	width: 20%;
}

.row[min-width~='80rem'] > .col.xl-3 {
	display: block;
	width: 25%;
}

.row[min-width~='80rem'] > .col.xl-4 {
	display: block;
	width: 33.3333%;
}

.row[min-width~='80rem'] > .col.xl-5 {
	display: block;
	width: 41.6667%;
}

.row[min-width~='80rem'] > .col.xl-6 {
	display: block;
	width: 50%;
}

.row[min-width~='80rem'] > .col.xl-7 {
	display: block;
	width: 58.3333%;
}

.row[min-width~='80rem'] > .col.xl-8 {
	display: block;
	width: 66.6667%;
}

.row[min-width~='80rem'] > .col.xl-9 {
	display: block;
	width: 75%;
}

.row[min-width~='80rem'] > .col.xl-10 {
	display: block;
	width: 83.3333%;
}

.row[min-width~='80rem'] > .col.xl-11 {
	display: block;
	width: 91.6667%;
}

.row[min-width~='80rem'] > .col.xl-12 {
	display: block;
	width: 100%;
}

.row[min-width~='80rem'] > .col.xl-fixed {
	display: block;
	width: auto;
}

.row[min-width~='80rem'] > .col.xl-auto {
	display: block; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
	flex: 1 1 0.00000001px;
	width: auto;
}

/* Gutter
============================================================= */

.row.negative-margins {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.row.gutter {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	margin-bottom: -3rem;
}

.row.gutter > .col {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 3rem;
}

	/* --- Source File: /css/wkf-type.css --- */
		/* Fonts
============================================================= */

/*

Font Sources
-----------------------------

Cubano
wkfs-fonts.css

Arbutus
Open Sans
RobotoSlab
https://fonts.google.com/specimen/Roboto+Slab?selection.family=Arbutus+Slab|Open+Sans:400,400i,700,700i,800,800i|Roboto+Slab:300,700
<link href="https://fonts.googleapis.com/css?family=Arbutus+Slab|Open+Sans:400,400i,700,700i,800,800i|Roboto+Slab:300,700" rel="stylesheet">


Font Usage
-----------------------------

font-family: 'Arbutus Slab', serif;
font-family: 'Cubano', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto Slab', serif;

Supported Weights
-----------------------------

Arbutus Slab
400 r

Cubano
400 r

Open Sans
400 r/i
700 r/i
800 r/i

Roboto Slab
300 r
700 r

*/

/* Colors For Reference
============================================================= */

/*

White
color: #ffffff;

Black 1
color: #29292b;

Black 2
color: #2b2b2b;

Gray 1
color: #54565a;

Gray 2
color: #66696f;

Gray 3
color: #433e37;

Green 1
color: #5b9d36; dark

Green 2
color: #7bc049; light

Green 3
color: #4ca947; bluegreen?

Blue 1
color: #56c3cc;

Blue 2
color: 006b9f;

*/

/* Base
============================================================= */

.h-type {
	font-family: 'PAPYRUS', sans-serif;
	color: #ff0000; /* If you see this color, you haven't specified a color scheme */
	display: block;
	width: 100%;
	max-width: 48rem; /* This is the cap on line length */
	text-align: left; /* Default text alignment */
}


/* Modifiers
============================================================= */

/* Alignment
----------------------------- */

.h-type.h-type--block-left {}
.h-type.h-type--block-center {margin: 0 auto;}
.h-type.h-type--block-right {margin-left: auto;}

.h-type.h-type--text-left {text-align: left;}
.h-type.h-type--text-center {text-align: center;}
.h-type.h-type--text-right {text-align: right;}
.h-type.h-type--text-justify {text-align: justify;}

/* Misc
 * Note: Other modifiers can be defined at element/class
 * level below. These modifiers should be prefixed
 * with "h-type--" to indicate they are a modifier
 *
 * An example would be "h-type--featured"
----------------------------- */

/* Themes
 * These are special modifiers that may change the appearance
 * of multiple elements at once. This is a way
 * to group multiple modifiers together instead of creating
 * unique instances for each one.
 *
 * Themes may be stacked on each other but conflicts
 * need to be resolved on a case by case bases.
 *
 * A theme is not required for H-Type to function but is
 * highly recommended for coloring.
============================================================= */

.h-type.h-type--theme-light-type {color: #ffffff;}
.h-type.h-type--theme-dark-type {color: #ca7676;}


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

.h-type.h-type--1-col {}

.h-type.h-type--2-col {
    max-width: 99rem;
    -webkit-columns: 2 24rem;
            columns: 2 24rem;
    -webkit-column-gap: 3rem;
            column-gap: 3rem;
}

.h-type.h-type--3-col {
    max-width: 150rem;
    -webkit-columns: 3 16rem;
            columns: 3 16rem;
    -webkit-column-gap: 3rem;
            column-gap: 3rem;
}

/* Spacer Clone
 * This is a class applied to cloned elements into H-Type
 * and attempts to retain the spacing properties of the element
 * while visually hiding the element.
 *
 * Cloned elements come from the H-Type javascript function
 * and this class should never manually be applied.
----------------------------- */
.h-type .h-type--spacer-clone:empty {
	visibility: hidden;
	background-image: url();
	background-color: transparent;
	border: 0 solid transparent;
	display: block;
	width: 100%;
	height: 0;
	-webkit-column-span: all;
	        column-span: all;
}

.h-type .h-type--spacer-clone:before,
.h-type .h-type--spacer-clone:after {
	display:none;
}

/* H-Type Override
 * This is a class that is reserved for modification to h-type
 * from various sources. Do not place any css in this class from within H-Type.
----------------------------- */

.h-type.h-type--override {
	/* Reserved, do not place anything in here */
}


/* Headings
============================================================= */

.h-type h1,
.h-type .h1{
	font-family: 'Arbutus Slab', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3.125rem;
	line-height: 4rem;
	letter-spacing: -0.00625;
	text-transform: none;
	color: currentColor;
	position: relative;
	display: inline-block;
}

.h-type.h-type--theme-dark-type h1,
.h-type.h-type--theme-dark-type .h1{
	color: #29292b;
}

.h-type.h-type--theme-light-type h1,
.h-type.h-type--theme-light-type .h1{}

/* --- */

.h-type h2,
.h-type .h2{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 2.25rem;
	line-height: 2.5rem;
	letter-spacing: normal;
	text-transform: none;
	color: currentColor;
	position: relative;
	display: block;
}

.h-type.h-type--theme-dark-type h2,
.h-type.h-type--theme-dark-type .h2{
	color: #29292b;
}

.h-type.h-type--theme-light-type h2,
.h-type.h-type--theme-light-type .h2{}

/* --- */

.h-type h3,
.h-type .h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: normal;
	text-transform: uppercase;
	color: currentColor;
	position: relative;
	display: block;
}

.h-type.h-type--theme-dark-type h3,
.h-type.h-type--theme-dark-type .h3{
	color: #29292b;
}

.h-type.h-type--theme-light-type h3,
.h-type.h-type--theme-light-type .h3{}

/* --- */

.h-type h4,
.h-type .h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: .05rem;
	text-transform: uppercase;
}

.h-type.h-type--theme-dark-type h4,
.h-type.h-type--theme-dark-type .h4{
	color: #29292b;
}

.h-type.h-type--theme-light-type h4,
.h-type.h-type--theme-light-type .h4{}

/* H5 are not supported. */

.h-type h5,
.h-type .h5{

}

.h-type.h-type--theme-dark-type h5,
.h-type.h-type--theme-dark-type .h5{}

.h-type.h-type--theme-light-type h5,
.h-type.h-type--theme-light-type .h5{}

/* H6 are not supported. */

.h-type h6,
.h-type .h6{

}

.h-type.h-type--theme-dark-type h6,
.h-type.h-type--theme-dark-type .h6{}

.h-type.h-type--theme-light-type h6,
.h-type.h-type--theme-light-type .h6{}



/* Paragraphs
============================================================= */

.h-type p,
.h-type .p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: normal;
	text-transform: none;
}

.h-type.h-type--theme-dark-type p {
	color: #54565a;
}
.h-type.h-type--theme-light-type p {
	color: #ffffff;
}

/* Bold / Italic
============================================================= */

.h-type b,
.h-type strong {
	font-weight: 700;
}

.h-type i,
.h-type em {
	font-style: italic;
}

/* Underline
============================================================= */

.h-type u {
		text-decoration: underline;
}

/* Strikethrough
============================================================= */

.h-type s {
	text-decoration: line-through;
}

/* Horizontal Rules
============================================================= */


.h-type hr {
	width: 100%;
	height: .0625rem;
}

.h-type.h-type--theme-dark-type hr {background-color: #e9ebe5;}
.h-type.h-type--theme-light-type hr {background-color: #e9ebe5;}



/* Lists
============================================================= */

.h-type ol,
.h-type ul {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: normal;
	position: relative;
	margin-left: .75rem;
}

@media screen and (min-width: 48em) {
	.h-type ol,
	.h-type ul {
		margin-left: 1.5rem;
	}
}

.h-type ol {
	counter-reset: item;
}

.h-type li {
	display: table;
}

.h-type.align-center li {
	display: list-item;
}

.h-type li > ol,
.h-type li > ul,
.h-type li + li {
	margin-top: 1.5rem;
}

.h-type li::before {
	display: table-cell;
}

.h-type.align-center li::before {
	display: inline;
}

.h-type ol > li {
	counter-increment: item;
	padding-left: 3rem;
}

.h-type ul > li::before {
	content: "\2022";
	padding-right: 0.375rem;
}

.h-type ol > li::before {
	content: counters(item, ".") " ";
	font-family: 'Cubano', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 2rem;
	margin-right: 1rem;
	width: 2rem;
	height: 2rem;
	display: inline-block;
	border-radius: 1rem;
	text-align: center;
	position: absolute;
	left: 0;
}

.h-type.h-type--theme-dark-type ol {
	color: #29292b;
}
.h-type.h-type--theme-dark-type ul {
	color: #29292b;
}
.h-type.h-type--theme-dark-type ol > li::before {
	background-color: #7bc049;
	color: #ffffff;
}
.h-type.h-type--theme-dark-type ul > li::before {
	color: #7ac049;
}

.h-type.h-type--theme-light-type ol {
	color: #ffffff;
}
.h-type.h-type--theme-light-type ul {
	color: #ffffff;
}
.h-type.h-type--theme-light-type ol > li::before {
	background-color: #7bc049;
	color: #ffffff;
}
.h-type.h-type--theme-light-type ul > li::before {
	color: #7ac049;
}


/* Blockquote
============================================================= */

.h-type blockquote {
	font-family: 'Arbutus Slab', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.75rem;
	line-height: 2.75rem;
	letter-spacing: normal;
	text-transform: none;
	position: relative;
}

@media screen and (min-width: 48em) {
	.h-type blockquote {
		padding-left: 3.625rem;
		padding-top: 2rem;
	}
}

@media screen and (min-width: 48em) {
	.h-type blockquote:before {
		content: "";
		background-image: url('/assets/ui/burst.svg');
		background-size: 6rem 2rem;
		background-position: center center;
		background-repeat: no-repeat;
		width: 6rem;
		height: 2rem;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform: rotate(-30deg);
		        transform: rotate(-30deg);
	}
}

.h-type.h-type--theme-dark-type blockquote {
	color: #4ca947;
}
.h-type.h-type--theme-light-type blockquote {
	color: #ffffff;
}


/* Unique Classes
============================================================= */

.h-type p.featured{
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 2.25rem;
	letter-spacing: normal;
	text-transform: none;
}

.h-type.h-type--theme-dark-type p.featured {
	color: #66696f;
}

.h-type.h-type--theme-light-type p.featured {
	color: #ffffff;
}

/* Drop Caps
----------------------------- */
.h-type p.featured.dropcap:first-letter{
	font-family: 'Cubano', sans-serif;
	font-weight: 400;
	font-size: 5rem;
	line-height: 4rem;
	float: left;
	padding-right: .5rem;
	color: #5b9d36;
}


.h-type p.caption {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 0.75rem;
	line-height: 1.25rem;
	letter-spacing: normal;
	text-transform: none;
}

.h-type.h-type--theme-dark-type p.caption {
	color: #54565a;
}

.h-type.h-type--theme-light-type p.caption {
	color: #ffffff;
}


/* Anchors
============================================================= */

.h-type a {
	color: #5b9d36;
}

.h-type a:hover {
	color: #7bc049;
}

.h-type h1 a,
.h-type .h1 a,
.h-type a h1,
.h-type a.h1 {}

.h-type h1 a:hover,
.h-type .h1 a:hover,
.h-type a:hover h1,
.h-type a:hover.h1 {}

.h-type.h-type--theme-dark-type h1 a,
.h-type.h-type--theme-dark-type .h1 a,
.h-type.h-type--theme-dark-type a h1,
.h-type.h-type--theme-dark-type a.h1 {}

.h-type.h-type--theme-dark-type h1 a:hover,
.h-type.h-type--theme-dark-type .h1 a:hover,
.h-type.h-type--theme-dark-type a:hover h1,
.h-type.h-type--theme-dark-type a:hover.h1 {}

.h-type.h-type--theme-light-type h1 a,
.h-type.h-type--theme-light-type .h1 a,
.h-type.h-type--theme-light-type a h1,
.h-type.h-type--theme-light-type a.h1 {}

.h-type.h-type--theme-light-type h1 a:hover,
.h-type.h-type--theme-light-type .h1 a:hover,
.h-type.h-type--theme-light-type a:hover h1,
.h-type.h-type--theme-light-type a:hover.h1 {}

.h-type h2 a,
.h-type .h2 a,
.h-type a h2,
.h-type a.h2 {}

.h-type h2 a:hover,
.h-type .h2 a:hover,
.h-type a:hover h2,
.h-type a:hover.h2 {}

.h-type.h-type--theme-dark-type h2 a,
.h-type.h-type--theme-dark-type .h2 a,
.h-type.h-type--theme-dark-type a h2,
.h-type.h-type--theme-dark-type a.h2 {}

.h-type.h-type--theme-dark-type h2 a:hover,
.h-type.h-type--theme-dark-type .h2 a:hover,
.h-type.h-type--theme-dark-type a:hover h2,
.h-type.h-type--theme-dark-type a:hover.h2 {}

.h-type.h-type--theme-light-type h2 a,
.h-type.h-type--theme-light-type .h2 a,
.h-type.h-type--theme-light-type a h2,
.h-type.h-type--theme-light-type a.h2 {}

.h-type.h-type--theme-light-type h2 a:hover,
.h-type.h-type--theme-light-type .h2 a:hover,
.h-type.h-type--theme-light-type a:hover h2,
.h-type.h-type--theme-light-type a:hover.h2 {}

.h-type h3 a,
.h-type .h3 a,
.h-type a h3,
.h-type a.h3 {}

.h-type h3 a:hover,
.h-type .h3 a:hover,
.h-type a:hover h3,
.h-type a:hover.h3 {}

.h-type.h-type--theme-dark-type h3 a,
.h-type.h-type--theme-dark-type .h3 a,
.h-type.h-type--theme-dark-type a h3,
.h-type.h-type--theme-dark-type a.h3 {}

.h-type.h-type--theme-dark-type h3 a:hover,
.h-type.h-type--theme-dark-type .h3 a:hover,
.h-type.h-type--theme-dark-type a:hover h3,
.h-type.h-type--theme-dark-type a:hover.h3 {}

.h-type.h-type--theme-light-type h3 a,
.h-type.h-type--theme-light-type .h3 a,
.h-type.h-type--theme-light-type a h3,
.h-type.h-type--theme-light-type a.h3 {}

.h-type.h-type--theme-light-type h3 a:hover,
.h-type.h-type--theme-light-type .h3 a:hover,
.h-type.h-type--theme-light-type a:hover h3,
.h-type.h-type--theme-light-type a:hover.h3 {}

.h-type h4 a,
.h-type .h4 a,
.h-type a h4,
.h-type a.h4 {}

.h-type h4 a:hover,
.h-type .h4 a:hover,
.h-type a:hover h4,
.h-type a:hover.h4 {}

.h-type.h-type--theme-dark-type h4 a,
.h-type.h-type--theme-dark-type .h4 a,
.h-type.h-type--theme-dark-type a h4,
.h-type.h-type--theme-dark-type a.h4 {}

.h-type.h-type--theme-dark-type h4 a:hover,
.h-type.h-type--theme-dark-type .h4 a:hover,
.h-type.h-type--theme-dark-type a:hover h4,
.h-type.h-type--theme-dark-type a:hover.h4 {}

.h-type.h-type--theme-light-type h4 a,
.h-type.h-type--theme-light-type .h4 a,
.h-type.h-type--theme-light-type a h4,
.h-type.h-type--theme-light-type a.h4 {}

.h-type.h-type--theme-light-type h4 a:hover,
.h-type.h-type--theme-light-type .h4 a:hover,
.h-type.h-type--theme-light-type a:hover h4,
.h-type.h-type--theme-light-type a:hover.h4 {}

.h-type h5 a,
.h-type .h5 a,
.h-type a h5,
.h-type a.h5 {}

.h-type h5 a:hover,
.h-type .h5 a:hover,
.h-type a:hover h5,
.h-type a:hover.h5 {}

.h-type.h-type--theme-dark-type h5 a,
.h-type.h-type--theme-dark-type .h5 a,
.h-type.h-type--theme-dark-type a h5,
.h-type.h-type--theme-dark-type a.h5 {}

.h-type.h-type--theme-dark-type h5 a:hover,
.h-type.h-type--theme-dark-type .h5 a:hover,
.h-type.h-type--theme-dark-type a:hover h5,
.h-type.h-type--theme-dark-type a:hover.h5 {}

.h-type.h-type--theme-light-type h5 a,
.h-type.h-type--theme-light-type .h5 a,
.h-type.h-type--theme-light-type a h5,
.h-type.h-type--theme-light-type a.h5 {}

.h-type.h-type--theme-light-type h5 a:hover,
.h-type.h-type--theme-light-type .h5 a:hover,
.h-type.h-type--theme-light-type a:hover h5,
.h-type.h-type--theme-light-type a:hover.h5 {}

.h-type h6 a,
.h-type .h6 a,
.h-type a h6,
.h-type a.h6 {}

.h-type h6 a:hover,
.h-type .h6 a:hover,
.h-type a:hover h6,
.h-type a:hover.h6 {}

.h-type.h-type--theme-dark-type h6 a,
.h-type.h-type--theme-dark-type .h6 a,
.h-type.h-type--theme-dark-type a h6,
.h-type.h-type--theme-dark-type a.h6 {}

.h-type.h-type--theme-dark-type h6 a:hover,
.h-type.h-type--theme-dark-type .h6 a:hover,
.h-type.h-type--theme-dark-type a:hover h6,
.h-type.h-type--theme-dark-type a:hover.h6 {}

.h-type.h-type--theme-light-type h6 a,
.h-type.h-type--theme-light-type .h6 a,
.h-type.h-type--theme-light-type a h6,
.h-type.h-type--theme-light-type a.h6 {}

.h-type.h-type--theme-light-type h6 a:hover,
.h-type.h-type--theme-light-type .h6 a:hover,
.h-type.h-type--theme-light-type a:hover h6,
.h-type.h-type--theme-light-type a:hover.h6 {}

.h-type p a,
.h-type .p a,
.h-type a p,
.h-type a.p {
	background-color: transparent;
	border-bottom: 2px solid #7bc049;
}

.h-type p a:hover,
.h-type .p a:hover,
.h-type a:hover p,
.h-type a:hover.p {
	/* background-color: rgba(123, 192, 73, 0.2); */
}

.h-type.h-type--theme-dark-type p a,
.h-type.h-type--theme-dark-type .p a,
.h-type.h-type--theme-dark-type a p,
.h-type.h-type--theme-dark-type a.p {
	color: #54565a;
}

.h-type.h-type--theme-dark-type p a:hover,
.h-type.h-type--theme-dark-type .p a:hover,
.h-type.h-type--theme-dark-type a:hover p,
.h-type.h-type--theme-dark-type a:hover.p {
	color: #7bc049;
}

.h-type.h-type--theme-light-type p a,
.h-type.h-type--theme-light-type .p a,
.h-type.h-type--theme-light-type a p,
.h-type.h-type--theme-light-type a.p {
	color: #ffffff;
}

.h-type.h-type--theme-light-type p a:hover,
.h-type.h-type--theme-light-type .p a:hover,
.h-type.h-type--theme-light-type a:hover p,
.h-type.h-type--theme-light-type a:hover.p {
	color: #7bc049;
}

.h-type blockquote a,
.h-type .blockquote a,
.h-type a blockquote,
.h-type a.blockquote {}

.h-type blockquote a:hover,
.h-type .blockquote a:hover,
.h-type a:hover blockquote,
.h-type a:hover.blockquote {}

.h-type.h-type--theme-dark-type blockquote a,
.h-type.h-type--theme-dark-type .blockquote a,
.h-type.h-type--theme-dark-type a blockquote,
.h-type.h-type--theme-dark-type a.blockquote {}

.h-type.h-type--theme-dark-type blockquote a:hover,
.h-type.h-type--theme-dark-type .blockquote a:hover,
.h-type.h-type--theme-dark-type a:hover blockquote,
.h-type.h-type--theme-dark-type a:hover.blockquote {}

.h-type.h-type--theme-light-type blockquote a,
.h-type.h-type--theme-light-type .blockquote a,
.h-type.h-type--theme-light-type a blockquote,
.h-type.h-type--theme-light-type a.blockquote {}

.h-type.h-type--theme-light-type blockquote a:hover,
.h-type.h-type--theme-light-type .blockquote a:hover,
.h-type.h-type--theme-light-type a:hover blockquote,
.h-type.h-type--theme-light-type a:hover.blockquote {}

.h-type ol a,
.h-type a ol {}

.h-type ol a:hover,
.h-type a:hover ol {}

.h-type.h-type--theme-dark-type ol a,
.h-type.h-type--theme-dark-type a ol {}

.h-type.h-type--theme-dark-type ol a:hover,
.h-type.h-type--theme-dark-type a:hover ol {}

.h-type.h-type--theme-light-type ol a,
.h-type.h-type--theme-light-type a ol {}

.h-type.h-type--theme-light-type ol a:hover,
.h-type.h-type--theme-light-type a:hover ol {}

.h-type ul a,
.h-type a ul {}

.h-type ul a:hover,
.h-type a:hover ul {}

.h-type.h-type--theme-dark-type ul a,
.h-type.h-type--theme-dark-type a ul {}

.h-type.h-type--theme-dark-type ul a:hover,
.h-type.h-type--theme-dark-type a:hover ul {}

.h-type.h-type--theme-light-type ul a,
.h-type.h-type--theme-light-type a ul {}

.h-type.h-type--theme-light-type ul a:hover,
.h-type.h-type--theme-light-type a:hover ul {}

.h-type li a,
.h-type a li {}

.h-type li a:hover,
.h-type a:hover li {}

.h-type.h-type--theme-dark-type li a,
.h-type.h-type--theme-dark-type a li {}

.h-type.h-type--theme-dark-type li a:hover,
.h-type.h-type--theme-dark-type a:hover li {}

.h-type.h-type--theme-light-type li a,
.h-type.h-type--theme-light-type a li {}

.h-type.h-type--theme-light-type li a:hover,
.h-type.h-type--theme-light-type a:hover li {}

.h-type hr a,
.h-type a hr {}

.h-type hr a:hover,
.h-type a:hover hr {}

.h-type.h-type--theme-dark-type hr a,
.h-type.h-type--theme-dark-type a hr {}

.h-type.h-type--theme-dark-type hr a:hover,
.h-type.h-type--theme-dark-type a:hover hr {}

.h-type.h-type--theme-light-type hr a,
.h-type.h-type--theme-light-type a hr {}

.h-type.h-type--theme-light-type hr a:hover,
.h-type.h-type--theme-light-type a:hover hr {}

.h-type pre a,
.h-type a pre {}

.h-type pre a:hover,
.h-type a:hover pre {}

.h-type.h-type--theme-dark-type pre a,
.h-type.h-type--theme-dark-type a pre {}

.h-type.h-type--theme-dark-type pre a:hover,
.h-type.h-type--theme-dark-type a:hover pre {}

.h-type.h-type--theme-light-type pre a,
.h-type.h-type--theme-light-type a pre {}

.h-type.h-type--theme-light-type pre a:hover,
.h-type.h-type--theme-light-type a:hover pre {}

.h-type .featured a,
.h-type a .featured {}

.h-type .featured a:hover,
.h-type a:hover .featured {}

.h-type.h-type--theme-dark-type .featured a,
.h-type.h-type--theme-dark-type a .featured {}

.h-type.h-type--theme-dark-type .featured a:hover,
.h-type.h-type--theme-dark-type a:hover .featured {}

.h-type.h-type--theme-light-type .featured a,
.h-type.h-type--theme-light-type a .featured {}

.h-type.h-type--theme-light-type .featured a:hover,
.h-type.h-type--theme-light-type a:hover .featured {}

.h-type .caption a,
.h-type a .caption {}

.h-type .caption a:hover,
.h-type a:hover .caption {}

.h-type.h-type--theme-dark-type .caption a,
.h-type.h-type--theme-dark-type a .caption {}

.h-type.h-type--theme-dark-type .caption a:hover,
.h-type.h-type--theme-dark-type a:hover .caption {}

.h-type.h-type--theme-light-type .caption a,
.h-type.h-type--theme-light-type a .caption {}

.h-type.h-type--theme-light-type .caption a:hover,
.h-type.h-type--theme-light-type a:hover .caption {}

/* Spacing
============================================================= */

.h-type * + * {margin-top: 2rem;}

.h-type * + br {margin-top: 0;}

.h-type h1 + h1,
.h-type .h1 + h1,
.h-type h1 + .h1,
.h-type .h1 + .h1 {}
.h-type h1 + h2,
.h-type .h1 + h2,
.h-type h1 + .h2,
.h-type .h1 + .h2 {}
.h-type h1 + h3,
.h-type .h1 + h3,
.h-type h1 + .h3,
.h-type .h1 + .h3 {}
.h-type h1 + h4,
.h-type .h1 + h4,
.h-type h1 + .h4,
.h-type .h1 + .h4 {}
.h-type h1 + h5,
.h-type .h1 + h5,
.h-type h1 + .h5,
.h-type .h1 + .h5 {}
.h-type h1 + h6,
.h-type .h1 + h6,
.h-type h1 + .h6,
.h-type .h1 + .h6 {}
.h-type h1 + p,
.h-type .h1 + p,
.h-type h1 + .p,
.h-type .h1 + .p {}
.h-type h1 + blockquote,
.h-type .h1 + blockquote,
.h-type h1 + .blockquote,
.h-type .h1 + .blockquote {}
.h-type h1 + ol,
.h-type .h1 + ol {}
.h-type h1 + ul,
.h-type .h1 + ul {}
.h-type h1 + li,
.h-type .h1 + li {}
.h-type h1 + hr,
.h-type .h1 + hr {}
.h-type h1 + pre,
.h-type .h1 + pre {}
.h-type h1 + .featured,
.h-type .h1 + .featured {margin-top: 1.25rem;}
.h-type h1 + .caption,
.h-type .h1 + .caption {}

.h-type h2 + h1,
.h-type .h2 + h1,
.h-type h2 + .h1,
.h-type .h2 + .h1 {}
.h-type h2 + h2,
.h-type .h2 + h2,
.h-type h2 + .h2,
.h-type .h2 + .h2 {}
.h-type h2 + h3,
.h-type .h2 + h3,
.h-type h2 + .h3,
.h-type .h2 + .h3 {}
.h-type h2 + h4,
.h-type .h2 + h4,
.h-type h2 + .h4,
.h-type .h2 + .h4 {}
.h-type h2 + h5,
.h-type .h2 + h5,
.h-type h2 + .h5,
.h-type .h2 + .h5 {}
.h-type h2 + h6,
.h-type .h2 + h6,
.h-type h2 + .h6,
.h-type .h2 + .h6 {}
.h-type h2 + p,
.h-type .h2 + p,
.h-type h2 + .p,
.h-type .h2 + .p {}
.h-type h2 + blockquote,
.h-type .h2 + blockquote,
.h-type h2 + .blockquote,
.h-type .h2 + .blockquote {}
.h-type h2 + ol,
.h-type .h2 + ol {}
.h-type h2 + ul,
.h-type .h2 + ul {}
.h-type h2 + li,
.h-type .h2 + li {}
.h-type h2 + hr,
.h-type .h2 + hr {}
.h-type h2 + pre,
.h-type .h2 + pre {}
.h-type h2 + .featured,
.h-type .h2 + .featured {}
.h-type h2 + .caption,
.h-type .h2 + .caption {}

.h-type h3 + h1,
.h-type .h3 + h1,
.h-type h3 + .h1,
.h-type .h3 + .h1 {}
.h-type h3 + h2,
.h-type .h3 + h2,
.h-type h3 + .h2,
.h-type .h3 + .h2 {}
.h-type h3 + h3,
.h-type .h3 + h3,
.h-type h3 + .h3,
.h-type .h3 + .h3 {}
.h-type h3 + h4,
.h-type .h3 + h4,
.h-type h3 + .h4,
.h-type .h3 + .h4 {margin-top: 1rem}
.h-type h3 + h5,
.h-type .h3 + h5,
.h-type h3 + .h5,
.h-type .h3 + .h5 {}
.h-type h3 + h6,
.h-type .h3 + h6,
.h-type h3 + .h6,
.h-type .h3 + .h6 {}
.h-type h3 + p,
.h-type .h3 + p,
.h-type h3 + .p,
.h-type .h3 + .p {margin-top: 1rem;}
.h-type h3 + blockquote,
.h-type .h3 + blockquote,
.h-type h3 + .blockquote,
.h-type .h3 + .blockquote {}
.h-type h3 + ol,
.h-type .h3 + ol {}
.h-type h3 + ul,
.h-type .h3 + ul {}
.h-type h3 + li,
.h-type .h3 + li {}
.h-type h3 + hr,
.h-type .h3 + hr {}
.h-type h3 + pre,
.h-type .h3 + pre {}
.h-type h3 + .featured,
.h-type .h3 + .featured {}
.h-type h3 + .caption,
.h-type .h3 + .caption {}

.h-type h4 + h1,
.h-type .h4 + h1,
.h-type h4 + .h1,
.h-type .h4 + .h1 {}
.h-type h4 + h2,
.h-type .h4 + h2,
.h-type h4 + .h2,
.h-type .h4 + .h2 {}
.h-type h4 + h3,
.h-type .h4 + h3,
.h-type h4 + .h3,
.h-type .h4 + .h3 {}
.h-type h4 + h4,
.h-type .h4 + h4,
.h-type h4 + .h4,
.h-type .h4 + .h4 {}
.h-type h4 + h5,
.h-type .h4 + h5,
.h-type h4 + .h5,
.h-type .h4 + .h5 {}
.h-type h4 + h6,
.h-type .h4 + h6,
.h-type h4 + .h6,
.h-type .h4 + .h6 {}
.h-type h4 + p,
.h-type .h4 + p,
.h-type h4 + .p,
.h-type .h4 + .p {margin-top: 1rem;}
.h-type h4 + blockquote,
.h-type .h4 + blockquote,
.h-type h4 + .blockquote,
.h-type .h4 + .blockquote {}
.h-type h4 + ol,
.h-type .h4 + ol {}
.h-type h4 + ul,
.h-type .h4 + ul {}
.h-type h4 + li,
.h-type .h4 + li {}
.h-type h4 + hr,
.h-type .h4 + hr {}
.h-type h4 + pre,
.h-type .h4 + pre {}
.h-type h4 + .featured,
.h-type .h4 + .featured {}
.h-type h4 + .caption,
.h-type .h4 + .caption {}

.h-type h5 + h1,
.h-type .h5 + h1,
.h-type h5 + .h1,
.h-type .h5 + .h1 {}
.h-type h5 + h2,
.h-type .h5 + h2,
.h-type h5 + .h2,
.h-type .h5 + .h2 {}
.h-type h5 + h3,
.h-type .h5 + h3,
.h-type h5 + .h3,
.h-type .h5 + .h3 {}
.h-type h5 + h4,
.h-type .h5 + h4,
.h-type h5 + .h4,
.h-type .h5 + .h4 {}
.h-type h5 + h5,
.h-type .h5 + h5,
.h-type h5 + .h5,
.h-type .h5 + .h5 {}
.h-type h5 + h6,
.h-type .h5 + h6,
.h-type h5 + .h6,
.h-type .h5 + .h6 {}
.h-type h5 + p,
.h-type .h5 + p,
.h-type h5 + .p,
.h-type .h5 + .p {}
.h-type h5 + blockquote,
.h-type .h5 + blockquote,
.h-type h5 + .blockquote,
.h-type .h5 + .blockquote {}
.h-type h5 + ol,
.h-type .h5 + ol {}
.h-type h5 + ul,
.h-type .h5 + ul {}
.h-type h5 + li,
.h-type .h5 + li {}
.h-type h5 + hr,
.h-type .h5 + hr {}
.h-type h5 + pre,
.h-type .h5 + pre {}
.h-type h5 + .featured,
.h-type .h5 + .featured {}
.h-type h5 + .caption,
.h-type .h5 + .caption {}

.h-type h6 + h1,
.h-type .h6 + h1,
.h-type h6 + .h1,
.h-type .h6 + .h1 {}
.h-type h6 + h2,
.h-type .h6 + h2,
.h-type h6 + .h2,
.h-type .h6 + .h2 {}
.h-type h6 + h3,
.h-type .h6 + h3,
.h-type h6 + .h3,
.h-type .h6 + .h3 {}
.h-type h6 + h4,
.h-type .h6 + h4,
.h-type h6 + .h4,
.h-type .h6 + .h4 {}
.h-type h6 + h5,
.h-type .h6 + h5,
.h-type h6 + .h5,
.h-type .h6 + .h5 {}
.h-type h6 + h6,
.h-type .h6 + h6,
.h-type h6 + .h6,
.h-type .h6 + .h6 {}
.h-type h6 + p,
.h-type .h6 + p,
.h-type h6 + .p,
.h-type .h6 + .p {}
.h-type h6 + blockquote,
.h-type .h6 + blockquote,
.h-type h6 + .blockquote,
.h-type .h6 + .blockquote {}
.h-type h6 + ol,
.h-type .h6 + ol {}
.h-type h6 + ul,
.h-type .h6 + ul {}
.h-type h6 + li,
.h-type .h6 + li {}
.h-type h6 + hr,
.h-type .h6 + hr {}
.h-type h6 + pre,
.h-type .h6 + pre {}
.h-type h6 + .featured,
.h-type .h6 + .featured {}
.h-type h6 + .caption,
.h-type .h6 + .caption {}

.h-type p + h1,
.h-type .p + h1,
.h-type p + .h1,
.h-type .p + .h1 {}
.h-type p + h2,
.h-type .p + h2,
.h-type p + .h2,
.h-type .p + .h2 {}
.h-type p + h3,
.h-type .p + h3,
.h-type p + .h3,
.h-type .p + .h3 {}
.h-type p + h4,
.h-type .p + h4,
.h-type p + .h4,
.h-type .p + .h4 {margin-top: 1rem;}
.h-type p + h5,
.h-type .p + h5,
.h-type p + .h5,
.h-type .p + .h5 {}
.h-type p + h6,
.h-type .p + h6,
.h-type p + .h6,
.h-type .p + .h6 {}
.h-type p + p,
.h-type .p + p,
.h-type p + .p,
.h-type .p + .p {margin-top: 1rem;}
.h-type p + blockquote,
.h-type .p + blockquote,
.h-type p + .blockquote,
.h-type .p + .blockquote {}
.h-type p + ol,
.h-type .p + ol {}
.h-type p + ul,
.h-type .p + ul {}
.h-type p + li,
.h-type .p + li {}
.h-type p + hr,
.h-type .p + hr {}
.h-type p + pre,
.h-type .p + pre {}
.h-type p + .featured,
.h-type .p + .featured {}
.h-type p + .caption,
.h-type .p + .caption {}

.h-type blockquote + h1,
.h-type .blockquote + h1,
.h-type blockquote + .h1,
.h-type .blockquote + .h1 {}
.h-type blockquote + h2,
.h-type .blockquote + h2,
.h-type blockquote + .h2,
.h-type .blockquote + .h2 {}
.h-type blockquote + h3,
.h-type .blockquote + h3,
.h-type blockquote + .h3,
.h-type .blockquote + .h3 {}
.h-type blockquote + h4,
.h-type .blockquote + h4,
.h-type blockquote + .h4,
.h-type .blockquote + .h4 {}
.h-type blockquote + h5,
.h-type .blockquote + h5,
.h-type blockquote + .h5,
.h-type .blockquote + .h5 {}
.h-type blockquote + h6,
.h-type .blockquote + h6,
.h-type blockquote + .h6,
.h-type .blockquote + .h6 {}
.h-type blockquote + p,
.h-type .blockquote + p,
.h-type blockquote + .p,
.h-type .blockquote + .p {}
.h-type blockquote + blockquote,
.h-type .blockquote + blockquote,
.h-type blockquote + .blockquote,
.h-type .blockquote + .blockquote {}
.h-type blockquote + ol,
.h-type .blockquote + ol {}
.h-type blockquote + ul,
.h-type .blockquote + ul {}
.h-type blockquote + li,
.h-type .blockquote + li {}
.h-type blockquote + hr,
.h-type .blockquote + hr {}
.h-type blockquote + pre,
.h-type .blockquote + pre {}
.h-type blockquote + .featured,
.h-type .blockquote + .featured {}
.h-type blockquote + .caption,
.h-type .blockquote + .caption {}

.h-type ol + h1,
.h-type ol + .h1 {}
.h-type ol + h2,
.h-type ol + .h2 {}
.h-type ol + h3,
.h-type ol + .h3 {margin-top: 3.25rem;}
.h-type ol + h4,
.h-type ol + .h4 {}
.h-type ol + h5,
.h-type ol + .h5 {}
.h-type ol + h6,
.h-type ol + .h6 {}
.h-type ol + p,
.h-type ol + .p {}
.h-type ol + blockquote,
.h-type ol + .blockquote {}
.h-type ol + ol,
.h-type ol + ol {}
.h-type ol + ul,
.h-type ol + ul {}
.h-type ol + li,
.h-type ol + li {}
.h-type ol + hr,
.h-type ol + hr {}
.h-type ol + pre,
.h-type ol + pre {}
.h-type ol + .featured,
.h-type ol + .featured {}
.h-type ol + .caption,
.h-type ol + .caption {}

.h-type ul + h1,
.h-type ul + .h1 {}
.h-type ul + h2,
.h-type ul + .h2 {}
.h-type ul + h3,
.h-type ul + .h3 {margin-top: 3.25rem;}
.h-type ul + h4,
.h-type ul + .h4 {}
.h-type ul + h5,
.h-type ul + .h5 {}
.h-type ul + h6,
.h-type ul + .h6 {}
.h-type ul + p,
.h-type ul + .p {}
.h-type ul + blockquote,
.h-type ul + .blockquote {}
.h-type ul + ol,
.h-type ul + ol {}
.h-type ul + ul,
.h-type ul + ul {}
.h-type ul + li,
.h-type ul + li {}
.h-type ul + hr,
.h-type ul + hr {}
.h-type ul + pre,
.h-type ul + pre {}
.h-type ul + .featured,
.h-type ul + .featured {}
.h-type ul + .caption,
.h-type ul + .caption {}

.h-type li + h1,
.h-type li + .h1 {}
.h-type li + h2,
.h-type li + .h2 {}
.h-type li + h3,
.h-type li + .h3 {}
.h-type li + h4,
.h-type li + .h4 {}
.h-type li + h5,
.h-type li + .h5 {}
.h-type li + h6,
.h-type li + .h6 {}
.h-type li + p,
.h-type li + .p {}
.h-type li + blockquote,
.h-type li + .blockquote {}
.h-type li + ol,
.h-type li + ol {}
.h-type li + ul,
.h-type li + ul {}
.h-type li + li,
.h-type li + li {}
.h-type li + hr,
.h-type li + hr {}
.h-type li + pre,
.h-type li + pre {}
.h-type li + .featured,
.h-type li + .featured {}
.h-type li + .caption,
.h-type li + .caption {}

.h-type hr + h1,
.h-type hr + .h1 {}
.h-type hr + h2,
.h-type hr + .h2 {}
.h-type hr + h3,
.h-type hr + .h3 {}
.h-type hr + h4,
.h-type hr + .h4 {}
.h-type hr + h5,
.h-type hr + .h5 {}
.h-type hr + h6,
.h-type hr + .h6 {}
.h-type hr + p,
.h-type hr + .p {}
.h-type hr + blockquote,
.h-type hr + .blockquote {}
.h-type hr + ol,
.h-type hr + ol {}
.h-type hr + ul,
.h-type hr + ul {}
.h-type hr + li,
.h-type hr + li {}
.h-type hr + hr,
.h-type hr + hr {}
.h-type hr + pre,
.h-type hr + pre {}
.h-type hr + .featured,
.h-type hr + .featured {}
.h-type hr + .caption,
.h-type hr + .caption {}

.h-type pre + h1,
.h-type pre + .h1 {}
.h-type pre + h2,
.h-type pre + .h2 {}
.h-type pre + h3,
.h-type pre + .h3 {}
.h-type pre + h4,
.h-type pre + .h4 {}
.h-type pre + h5,
.h-type pre + .h5 {}
.h-type pre + h6,
.h-type pre + .h6 {}
.h-type pre + p,
.h-type pre + .p {}
.h-type pre + blockquote,
.h-type pre + .blockquote {}
.h-type pre + ol,
.h-type pre + ol {}
.h-type pre + ul,
.h-type pre + ul {}
.h-type pre + li,
.h-type pre + li {}
.h-type pre + hr,
.h-type pre + hr {}
.h-type pre + pre,
.h-type pre + pre {}
.h-type pre + .featured,
.h-type pre + .featured {}
.h-type pre + .caption,
.h-type pre + .caption {}

.h-type .featured + h1,
.h-type .featured + .h1 {}
.h-type .featured + h2,
.h-type .featured + .h2 {}
.h-type .featured + h3,
.h-type .featured + .h3 {}
.h-type .featured + h4,
.h-type .featured + .h4 {}
.h-type .featured + h5,
.h-type .featured + .h5 {}
.h-type .featured + h6,
.h-type .featured + .h6 {}
.h-type .featured + p,
.h-type .featured + .p {margin-top: 2.625rem;}
.h-type .featured + blockquote,
.h-type .featured + .blockquote {}
.h-type .featured + ol,
.h-type .featured + ol {}
.h-type .featured + ul,
.h-type .featured + ul {}
.h-type .featured + li,
.h-type .featured + li {}
.h-type .featured + hr,
.h-type .featured + hr {}
.h-type .featured + pre,
.h-type .featured + pre {}
.h-type .featured + .featured,
.h-type .featured + .featured {}
.h-type .featured + .caption,
.h-type .featured + .caption {}

.h-type .caption + h1,
.h-type .caption + .h1 {}
.h-type .caption + h2,
.h-type .caption + .h2 {}
.h-type .caption + h3,
.h-type .caption + .h3 {}
.h-type .caption + h4,
.h-type .caption + .h4 {}
.h-type .caption + h5,
.h-type .caption + .h5 {}
.h-type .caption + h6,
.h-type .caption + .h6 {}
.h-type .caption + p,
.h-type .caption + .p {}
.h-type .caption + blockquote,
.h-type .caption + .blockquote {}
.h-type .caption + ol,
.h-type .caption + ol {}
.h-type .caption + ul,
.h-type .caption + ul {}
.h-type .caption + li,
.h-type .caption + li {}
.h-type .caption + hr,
.h-type .caption + hr {}
.h-type .caption + pre,
.h-type .caption + pre {}
.h-type .caption + .featured,
.h-type .caption + .featured {}
.h-type .caption + .caption,
.h-type .caption + .caption {}

	/* --- Source File: /css/wkf-site.css --- */
		/* Global
============================================================= */

html {
	overflow-x: hidden;
}

body {
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

@media print {
  body { display: block; }
}

/* Hide images until ready
----------------------------- */

body.content-loading .site--main img,
body.content-loading .site--main [role="img"] {
	display: none !important;
}

/* Focus Style
----------------------------- */

/* Replace the default focus indicator with a stylized one */
.js-focus-visible :focus {
	outline: 0;
	box-shadow: 0 0 0 .1875rem rgba(131,192,253,.75);
}

/* Hide focus indicator if focused via mouse, but not via keyboard */
.js-focus-visible :focus:not(.focus-visible) {
	box-shadow: none;
}

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

.p-full {padding: 1.5rem}
.p-full-x {padding-left: 1.5rem; padding-right: 1.5rem}
.p-full-y {padding-top: 1.5rem; padding-bottom: 1.5rem}
.p-full-t {padding-top: 1.5rem}
.p-full-r {padding-right: 1.5rem}
.p-full-b {padding-bottom: 1.5rem}
.p-full-l {padding-left: 1.5rem}

.p-half {padding: .75rem}
.p-half-x {padding-left: .75rem; padding-right: .75rem}
.p-half-y {padding-top: .75rem; padding-bottom: .75rem}
.p-half-t {padding-top: .75rem}
.p-half-r {padding-right: .75rem}
.p-half-b {padding-bottom: .75rem}
.p-half-l {padding-left: .75rem}

/* Container
============================================================= */

.site--container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

@media (min-width: 32em) {.site--container {max-width: calc(100% - 3rem)}}
@media (min-width: 48em) {.site--container {max-width: calc(100% - 6rem)}}
@media (min-width: 64em) {.site--container {max-width: calc(100% - 9rem)}}
@media (min-width: 80em) {.site--container {max-width: calc(100% - 12rem)}}
@media (min-width: 92em) {.site--container {max-width: 80rem}}

/* Header
============================================================= */

.site--header {
	flex: none;
	z-index: 1;
}

.site--header .mobile {display: block}
.site--header .desktop {display: none}

@media screen and (min-width: 80em) {
	.site--header .mobile {display: none}
	.site--header .desktop {display: block}
}

/* Mobile: Main Menu
----------------------------- */

.site--header .mobile .main-menu {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	border-top: .25rem solid #7bc049;
	box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .125);
}

.site--header .mobile .main-menu .menu {
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.5rem;
}

.site--header .mobile .main-menu .menu .logo {
	flex: none;
	width: 10.5rem;
	height: 3rem;
	background-image: url("/assets/ui/wkf-logo--horizontal.svg");
	background-size: 10.5rem 3rem;
	background-position: center center;
	background-repeat: no-repeat;
}

.site--header .mobile .main-menu .menu .hamburger {
	position: relative;
	width: 2.5rem;
	height: 3rem;
	cursor: pointer;
}

.site--header .mobile .main-menu .menu .hamburger span {
	position: absolute;
	left: .375rem;
	top: 1.40625rem;
	width: 1.75rem;
	height: .1875rem;
	background-color: #66696f;
	transition: background-color 100ms ease, -webkit-transform 100ms ease;
	transition: transform 100ms ease, background-color 100ms ease;
	transition: transform 100ms ease, background-color 100ms ease, -webkit-transform 100ms ease;
}

.site--header .mobile .main-menu .menu .hamburger:hover span {
	background-color: #7bc049;
}

.site--header .mobile .main-menu .menu .hamburger span:nth-child(1) {
	-webkit-transform: translateY(-.5rem);
			transform: translateY(-.5rem);
}

.site--header .mobile .main-menu .menu .hamburger[aria-expanded="true"] span:nth-child(1) {
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.site--header .mobile .main-menu .menu .hamburger span:nth-child(2) {
	-webkit-transform: none;
			transform: none;
}

.site--header .mobile .main-menu .menu .hamburger[aria-expanded="true"] span:nth-child(2) {
	-webkit-transform: scaleX(0);
			transform: scaleX(0);
}

.site--header .mobile .main-menu .menu .hamburger span:nth-child(3) {
	-webkit-transform: translateY(.5rem);
			transform: translateY(.5rem);
}

.site--header .mobile .main-menu .menu .hamburger[aria-expanded="true"] span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

/* Mobile: Main Submenus
----------------------------- */

.site--header .mobile .main-submenus {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .125);
}

.site--header .mobile .main-submenus .submenu {
	display: none;
}

.site--header .mobile .main-submenus .submenu .items {
	display: flex;
	flex-direction: column;
}

.site--header .mobile .main-submenus .submenu .items .item {
	display: flex;
	align-items: center;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.125rem;
	font-weight: 700;
	border-top: .0625rem solid #dddddd;
	background-color: #ffffff;
	color: #66696f;
	padding: .75rem 1.5rem;
	cursor: pointer;
	transition: color 100ms ease;
}

.site--header .mobile .main-submenus .submenu .items .item:hover {
	color: #7bc049;
}

.site--header .mobile .main-submenus .submenu .items .item.has-submenu::after {
	content: "";
	margin-left: .5rem;
	border: .25rem solid transparent;
	border-top: .25rem solid #66696f;
	border-bottom: none;
	transition: border-color 100ms ease;
}

.site--header .mobile .main-submenus .submenu .items .item.has-submenu:hover::after {
	border-top: .25rem solid #7bc049;
}

.site--header .mobile .main-submenus .submenu .items .item.has-submenu[aria-expanded="true"] {
	color: #7bc049;
}

.site--header .mobile .main-submenus .submenu .items .item.has-submenu[aria-expanded="true"]::after {
	border: .25rem solid transparent;
	border-top: none;
	border-bottom: .25rem solid #7bc049;
}

.site--header .mobile .main-submenus .submenu .items .item.has-submenu[aria-expanded="true"]:hover::after {
	border-bottom: .25rem solid #7bc049;
}

.site--header .mobile .main-submenus .submenu .items .subitems {
	display: none;
}

.site--header .mobile .main-submenus .submenu .items .subitems .subitem {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 400;
	border-top: .0625rem solid #dddddd;
	background-color: #ffffff;
	color: #66696f;
	padding: .75rem 1.5rem .75rem 3rem;
	transition: color 100ms ease;
}

.site--header .mobile .main-submenus .submenu .items .subitems .subitem:hover {
	color: #7bc049;
}

/* Desktop: Top Menu
----------------------------- */

.site--header .desktop .top-menu {
	width: 100%;
	position: relative;
	background-color: #7bc049;
}

.site--header .desktop .top-menu .menu {
	height: 2.5rem;
	display: flex;
	justify-content: flex-end;
}

.site--header .desktop .top-menu .menu .items {
	display: flex;
}

.site--header .desktop .top-menu .menu .items .item {
	display: flex;
	align-items: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: .875rem;
	line-height: .875rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	color: #ffffff;
	padding: .8125rem 2.5rem;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 100ms ease;
}

.site--header .desktop .top-menu .menu .items .item:hover {
	background-color: #56a240;
}

.site--header .desktop .top-menu .menu .items .item.has-submenu::before {
	content: "";
	margin-right: .5rem;
	border: .25rem solid transparent;
	border-top: .25rem solid #ffffff;
	border-bottom: none;
}

.site--header .desktop .top-menu .menu .items .item.has-submenu[aria-expanded="true"]::before {
	border: .25rem solid transparent;
	border-top: none;
	border-bottom: .25rem solid #ffffff;
}

.site--header .desktop .top-menu .menu .items .item.has-submenu[aria-expanded="true"] {
	background-color: #56a240;
}

.site--header .desktop .top-menu .menu .tab .donate {
	display: flex;
	align-items: center;
	height: 4rem;
	border-radius: 0 0 1rem 1rem;
	background-color: #56c3cc;
	box-shadow: 0 .1875rem .375rem 0 rgba(0, 0, 0, .16);
	font-family: 'Cubano', sans-serif;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.375rem;
	letter-spacing: .04375rem;
	padding: .8125rem 2.5rem;
	position: relative;
	z-index: 1;
	white-space: nowrap;
	cursor: pointer;
	color: #ffffff;
	transition: background-color 100ms ease;
}

.site--header .desktop .top-menu .menu .tab .donate:hover {
	background-color: #41b0b9;
}

/* Desktop: Top Submenus
----------------------------- */

.site--header .desktop .top-submenus {
	width: 100%;
	position: relative;
	background-color: #56a240;
}

.site--header .desktop .top-submenus .submenu {
	display: none;
	height: 8.75rem;
}

.site--header .desktop .top-submenus .submenu .subitems {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site--header .desktop .top-submenus .submenu .subitems .subitem {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	color: #ffffff;
	cursor: pointer;
	border-radius: 1rem;
	white-space: nowrap;
	padding: 1rem 1.5rem;
	transition: background-color 100ms ease;
}

.site--header .desktop .top-submenus .submenu .subitems .subitem + .subitem {
	margin-left: 3rem;
}

.site--header .desktop .top-submenus .submenu .subitems .subitem:hover {
	background-color: #438a2f;
}

/* Desktop: Main Menu
----------------------------- */

.site--header .desktop .main-menu {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .125);
}

.site--header .desktop .main-menu .menu {
	height: 7.5rem;
	display: flex;
	justify-content: space-between;
	padding-left: 1.5rem;
}

.site--header .desktop .main-menu .menu .logo {
	flex: none;
	width: 7.5rem;
	height: 7.5rem;
	background-image: url("/assets/ui/wkf-logo--vertical.svg");
	background-size: 7.5rem 7.5rem;
	background-position: center center;
	background-repeat: no-repeat;
}

.site--header .desktop .main-menu .menu .items {
	flex: none;
	display: flex;
}

.site--header .desktop .main-menu .menu .items .item {
	display: flex;
	position: relative;
	align-items: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.125rem;
	font-weight: 700;
	color: #66696f;
	cursor: pointer;
	padding: 3.1875rem 1.5rem;
	white-space: nowrap;
	transition: color 100ms ease;
}

.site--header .desktop .main-menu .menu .items .item:hover {
	color: #7bc049;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu::before {
	content: "";
	margin-right: .5rem;
	border: .25rem solid transparent;
	border-top: .25rem solid #66696f;
	border-bottom: none;
	transition: border-color 100ms ease;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu:hover::before {
	border-top: .25rem solid #7bc049;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu[aria-expanded="true"] {
	color: #7bc049;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu[aria-expanded="true"]::before {
	border: .25rem solid transparent;
	border-top: none;
	border-bottom: .25rem solid #7bc049;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu[aria-expanded="true"]:hover::before {
	border-bottom: .25rem solid #7bc049;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu::after {
	content: "";
	position: absolute;
	top: .5rem;
	left: calc(50% - 3rem);
	background-image: url("/assets/ui/burst.svg");
	background-size: 6rem 2rem;
	background-position: center center;
	background-repeat: no-repeat;
	width: 6rem;
	height: 2rem;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(.25rem) scale(.9);
	        transform: translateY(.25rem) scale(.9);
	transition: opacity 100ms ease, -webkit-transform 100ms ease;
	transition: opacity 100ms ease, transform 100ms ease;
	transition: opacity 100ms ease, transform 100ms ease, -webkit-transform 100ms ease;
}

.site--header .desktop .main-menu .menu .items .item.has-submenu[aria-expanded="true"]::after {
	opacity: 1;
	-webkit-transform: none;
	        transform: none;
}

/* Desktop: Main Submenus
----------------------------- */

.site--header .desktop .main-submenus {
	width: 100%;
	position: absolute;
	background-color: transparent;
	z-index: 1;
}

.site--header .desktop .main-submenus .submenu {
	display: none;
	background-color: #ffffff;
	box-shadow: 0 1.125rem .375rem 0 rgba(0, 0, 0, .16);
}

.site--header .desktop .main-submenus .submenu .subitems {
	padding: 1.25rem;
}

.site--header .desktop .main-submenus .submenu .subitems .subitem {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	color: #66696f;
	padding: 1.25rem;
	transition: color 100ms ease;
}

.site--header .desktop .main-submenus .submenu .subitems .subitem:hover {
	color: #7bc049;
}

.site--header .desktop .main-submenus .submenu .graphic {
	padding: 2.5rem;
}

.site--header .desktop .main-submenus .submenu .graphic.hidden {
	padding: 8rem;
}

.site--header .desktop .main-submenus .submenu .graphic.hidden img {
	display: none;
}

/* Main
============================================================= */

.site--main {
	flex: 1 0 auto;
	min-height: 1px;
}

/* Footer
============================================================= */

.site--footer {
	flex: none;
}

.site--footer .newsletter-form {
	background-color: #7bc049;
	background-image: url("/assets/ui/newsletter-pattern.png");
	background-size: 24.375rem 24.375rem;
	background-position: center center;
	background-repeat: repeat;
}

.site--footer .newsletter-form .message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.site--footer .newsletter-form .site--container[min-width~="32rem"] .message {
	flex-direction: row;
}

.site--footer .newsletter-form .message .image-wrapper {
	flex: none;
	max-width: 11.25rem;
}

.site--footer .newsletter-form .site--container[min-width~="64rem"] .message .text-wrapper {
	flex: 1 1 auto;
}

.site--footer .newsletter-form .message .text-wrapper .h-type--override {
	max-width: 24rem;
	text-align: center;
}

.site--footer .newsletter-form .site--container[min-width~="32rem"] .message .text-wrapper .h-type--override {
	text-align: left;
}

.site--footer .newsletter-form .form {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site--footer .newsletter-form .form .wrapper {
	width: 100%;
	max-width: 40rem;
}

.site--footer .newsletter-form .form .label {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.5rem;
	letter-spacing: .00625rem;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 1.5rem;
}

.site--footer .newsletter-form .form .input-container {
	position: relative;
}

.site--footer .newsletter-form .form .input-container .input {
	width: 100%;
	height: 4.5rem; /* 1.25 padding + 2 line height + 1.25 padding. Necessary for IE. */
	padding: 1.25rem 10rem 1.25rem 1.25rem;
	background-color: #ffffff;
	border-radius: .625rem;
	font-family: 'Open Sans', sans-serif;
	border: solid 1px rgba(181, 189, 168, .5);
	font-size: 1rem;
	line-height: 2; /* IE can't support units on line height in inputs. */
	color: #54565a;
}

.site--footer .newsletter-form .form .input-container .input:-ms-input-placeholder {
	color: rgba(84, 86, 90, 0.5);
}

.site--footer .newsletter-form .form .input-container .submit {
	position: absolute;
	width: 8rem;
	top: .75rem;
	right: .75rem;
	background-color: #56c3cc;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 800;
	letter-spacing: .01875rem;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 1rem 2rem;
	color: #ffffff;
}

.site--footer .bottom-menu {
	padding-bottom: 1.5rem;
	background-color: #ffffff;
	background-image: url("/assets/ui/footer-pattern.png");
	background-size: 2.25rem 1.5rem;
	background-position: center bottom;
	background-repeat: repeat-x;
}

.site--footer .bottom-menu .items {
	text-align: center;
}

.site--footer .bottom-menu .site--container[min-width~="32rem"] .items {
	-webkit-columns: 2 auto;
	        columns: 2 auto;
}

.site--footer .bottom-menu .site--container[min-width~="48rem"] .items {
	text-align: left;
}

.site--footer .bottom-menu .items .item {
	display: inline-block;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	line-height: 1.5rem;
	margin-bottom: .75rem;
	color: #54565a;
}

.site--footer .bottom-menu .items .item a:hover {
	text-decoration: underline;
}

.site--footer .bottom-menu .icons {
	display: flex;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.site--footer .bottom-menu .site--container[min-width~="48rem"] .icons {
	justify-content: flex-end;
}

.site--footer .bottom-menu .icons .icon:not(:first-child) {
	margin-left: 1.5rem;
}

.site--footer .bottom-menu .icons .icon path {
	fill: #5b9d36;
	transition: fill 100ms ease;
}

.site--footer .bottom-menu .icons .icon:hover path {
	fill: #7bc049;
}

.site--footer .bottom-menu .copyright {
	font-family: 'Open Sans', sans-serif;
	font-size: .75rem;
	line-height: 1.5rem;
	color: #54565a;
	text-align: center;
}

.site--footer .bottom-menu .site--container[min-width~="48rem"] .copyright {
	text-align: right;
}

/* Modal
============================================================= */

.site--modal {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
}

.site--modal.show {
	display: block;
}

.site--modal .modal-background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.site--modal .modal-window {
	width: 40rem;
	max-width: calc(100vw - 1.5rem);
	padding: 0;
	border-radius: 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 32rem) {
	.site--modal .modal-window {
		max-width: calc(100vw - 3rem);
		padding: 0.75rem;
	}
}

.site--modal .modal-window .modal-close {
	width: 3rem;
	height: 3rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.site--modal .modal-window .modal-close:before {
	content: '';
	width: 2rem;
	height: 0.25rem;
	border-radius: 0.125rem;
	position: absolute;
	left: 1.5rem;
	top: 1.5rem;
	transform: translate(-50%, -50%) rotate(45deg);
	background-color: #ffffff;
}

.site--modal .modal-window .modal-close:after {
	content: '';
	width: 2rem;
	height: 0.25rem;
	border-radius: 0.125rem;
	position: absolute;
	left: 1.5rem;
	top: 1.5rem;
	transform: translate(-50%, -50%) rotate(-45deg);
	background-color: #ffffff;
}

.site--modal.sign-up-modal .modal-window {
	background-color: #7bc049;
	background-image: url("/assets/ui/newsletter-pattern.png");
	background-size: 24.375rem 24.375rem;
	background-position: center center;
	background-repeat: repeat;
}

.site--modal.sign-up-modal .modal-copy {
	align-self: center;
}

.site--modal.sign-up-modal .modal-copy .h-type > *:first-child {
	padding-right: 3rem;
}

.site--modal.sign-up-modal .form .label {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.5rem;
	letter-spacing: .00625rem;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 1.5rem;
}

.site--modal.sign-up-modal .form .input-container {
	position: relative;
}

.site--modal.sign-up-modal .form .input-container .input {
	width: 100%;
	height: 4.5rem; /* 1.25 padding + 2 line height + 1.25 padding. Necessary for IE. */
	padding: 1.25rem 10rem 1.25rem 1.25rem;
	background-color: #ffffff;
	border-radius: .625rem;
	font-family: 'Open Sans', sans-serif;
	border: solid 1px rgba(181, 189, 168, .5);
	font-size: 1rem;
	line-height: 2; /* IE can't support units on line height in inputs. */
	color: #54565a;
}

.site--modal.sign-up-modal .form .input-container .input:-ms-input-placeholder {
	color: rgba(84, 86, 90, 0.5);
}

.site--modal.sign-up-modal .form .input-container .submit {
	position: absolute;
	width: 8rem;
	top: .75rem;
	right: .75rem;
	background-color: #56c3cc;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 800;
	letter-spacing: .01875rem;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 1rem 2rem;
	color: #ffffff;
}

	/* --- Source File: /css/wkf-layouts.css --- */
		/* 1 Column
============================================================= */

.layout--1column .layout {}

/* Banner 1 Column
============================================================= */

.layout--banner-1column .layout {}

	/* --- Source File: /css/wkf-pages.css --- */
		/*
	All pages level code should be held within their own CSS files and not here
	Page level styles should be declared as:
	
	.page--my-page-name {}
*/
	/* --- Source File: /css/wkf-cards.css --- */
		/* Base
============================================================= */

.card {
	height: 100%;
	position: relative;
}

.card .card-wrapper {
	height: 100%;
	border: .0625rem solid rgba(181, 189, 168, 0.5);
	border-radius: 0.5rem;
	background-color: #ffffff;
	box-shadow: 0 .125rem .375rem 0 rgba(0, 0, 0, 0.09);
	overflow: hidden;
}

.card .card-thumbnail {
	padding-top: 75%;
	background-position: center center;
	background-size: cover;
}

.card .card-category {
	display: block;
	font-family: 'Cubano', sans-serif;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.01875rem;
	color: #66696f;
}

.card .card-author {
	font-family: 'Arbutus Slab', serif;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #433e37;
}

.card .h-type--override h3 {
	text-transform: none;
}

.card .h-type--override .card-category + h3 {
	margin-top: .5rem;
}

/* Program
============================================================= */

.card.card--program {}

.card.card--program .card-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card.card--program[min-width~="48rem"] .card-content {
	padding-left: 1.5rem;
}

.card.card--program .card-content .top-content {
	display: flex;
	flex-wrap: nowrap;
}

.card.card--program .card-content .bottom-content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.card.card--program .card-copy {}

.card.card--program .card-icon {
	width: 4.5rem;
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
}

.card.card--program .card-countries {
	display: flex;
	flex-flow: row wrap;
}

.card.card--program .card-countries .card-country-icon {
	width: 3rem;
	height: 2rem;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.card.card--program .card-countries .card-country-icon + .card-country-icon {
	margin-left: 1rem;
}

.card.card--program .card-status {
	display: flex;
	align-items: center;
}

.card.card--program .card-category:before {
	content: '';
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	margin-right: 0.75rem;
	background-color: #7bc049;
}

/* Story
============================================================= */

.card.card--story {}

.card.card--story .thumbnail-container {
	position: relative;
	display: block;
}

.card.card--story .thumbnail-container::after {
	content: "";
	position: absolute;
	bottom: -.0625rem;
	left: 0;
	width: 100%;
	height: .5625rem;
	background-image: url("/assets/ui/card-frill-lines.png");
	background-size: .78125rem .5625rem;
	background-position: center center;
	background-repeat: repeat-x;
}

.card.card--story[min-width~="48rem"] .thumbnail-container::after {
	display: none;
}

/* Kid's Club Page
============================================================= */

.card.card--kids-club-page {}

.card.card--kids-club-page .thumbnail-container {
	position: relative;
	display: block;
}

.card.card--kids-club-page .thumbnail-container::after {
	content: "";
	position: absolute;
	bottom: -.0625rem;
	left: 0;
	width: 100%;
	height: .5rem;
	background-image: url("/assets/ui/card-frill-rough.png");
	background-size: 24.75rem .5rem;
	background-position: center center;
	background-repeat: repeat-x;
}

.card.card--kids-club-page[min-width~="48rem"] .thumbnail-container::after {
	display: none;
}


/* Kid's Club File
============================================================= */

.card.card--kids-club-file {}

.card.card--kids-club-file .thumbnail-container {
	position: relative;
	display: block;
}

.card.card--kids-club-file .thumbnail-container::after {
	content: "";
	position: absolute;
	bottom: -.0625rem;
	left: 0;
	width: 100%;
	height: .5rem;
	background-image: url("/assets/ui/card-frill-rough.png");
	background-size: 24.75rem .5rem;
	background-position: center center;
	background-repeat: repeat-x;
}

.card.card--kids-club-file[min-width~="48rem"] .thumbnail-container::after {
	display: none;
}

.card.card--kids-club-file .card-category .extension {
	color: #cccccc;
}


/* Team Member Resources
============================================================= */

.card.card--team-member-resources {}

.card.card--team-member-resources .thumbnail-container {
	position: relative;
	display: block;
}

.card.card--team-member-resources .thumbnail-container::after {
	content: "";
	position: absolute;
	bottom: -.0625rem;
	left: 0;
	width: 100%;
	height: .5rem;
	background-image: url("/assets/ui/card-frill-rough.png");
	background-size: 24.75rem .5rem;
	background-position: center center;
	background-repeat: repeat-x;
}

.card.card--team-member-resources[min-width~="48rem"] .thumbnail-container::after {
	display: none;
}


/* Blog Post
============================================================= */

.card.card--blog-post {}

.card.card--blog-post .text {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card.card--blog-post[min-width~="48rem"] .image-col {
	order: 1;
}

.card.card--blog-post .card-author {
	margin-top: 1.5rem;
}

/* Recipient
============================================================= */

.card.card--grant-recipient {}

.card.card--grant-recipient[min-width~="48rem"] .image-col {
	order: 2;
}

.card.card--grant-recipient .detail {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card.card--grant-recipient .detail .view-story {
	font-family: 'Arbutus Slab', serif;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #5b9d36;
	border-bottom: 0;
}

.card.card--grant-recipient .detail .view-story:hover {
	color: #5b9d36;
}

/* Recipes
============================================================= */

.card.card--recipe {}

.card.card--recipe .thumbnail-container {
	position: relative;
	display: block;
}

.card.card--recipe .thumbnail-container::after {
	content: "";
	position: absolute;
	bottom: -.0625rem;
	left: 0;
	width: 100%;
	height: .9375rem;
	background-image: url("/assets/ui/card-frill-rounded.png");
	background-size: 30rem .9375rem;
	background-position: center center;
	background-repeat: repeat-x;
}

.card.card--recipe[min-width~="48rem"] .thumbnail-container::after {
	display: none;
}

	/* --- Source File: /css/wkf-module.css --- */
		/* Module
============================================================= */

.module {}

/* Module Meta
============================================================= */

.module-meta {
	display: none;
	justify-content: space-between;
	background-color: #f1f5f8;
	border: .0625rem solid #e3e5e8;
	padding: 1.5rem;
}

.module-meta[data-block-id="null"] {
	display: none !important;
}

.module-meta.visible {
	display: flex;
}

.module-meta .block-title {
	font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	color: #29323d;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 300;
	text-align: center;
}

.module-meta .block-link {
	font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 500;
	color: #ffffff;
	background-image: linear-gradient(#da5a47, #cc5643);
	height: 2rem;
	display: block;
	border-radius: .125rem;
	padding: .375rem .75rem;
	border: none;
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: inset 0 0 0 .0625rem transparent, 0 0 0 .0625rem rgba(0,0,0,.025), 0 .0625rem .0625rem rgba(0,0,0,.1);
}

.module-meta .block-link:hover {
	background-image: linear-gradient(#bf503f, #b34b3b);
}

.module-meta .block-link:active {
	background-image: linear-gradient(#8c3b2e, #994032);
}

/* Module Outer Wrapper
============================================================= */

.module-outer-wrapper[data-top="0"] {padding-top: 0rem}
.module-outer-wrapper[data-top="1"] {padding-top: .75rem}
.module-outer-wrapper[data-top="2"] {padding-top: 1.5rem}
.module-outer-wrapper[data-top="3"] {padding-top: 3rem}
.module-outer-wrapper[data-top="4"] {padding-top: 4.5rem}
.module-outer-wrapper[data-top="5"] {padding-top: 6rem}
.module-outer-wrapper[data-top="6"] {padding-top: 7.5rem}
.module-outer-wrapper[data-top="7"] {padding-top: 9rem}
.module-outer-wrapper[data-top="8"] {padding-top: 10.5rem}
.module-outer-wrapper[data-top="9"] {padding-top: 12rem}

.module-outer-wrapper[data-bottom="0"] {padding-bottom: 0rem}
.module-outer-wrapper[data-bottom="1"] {padding-bottom: .75rem}
.module-outer-wrapper[data-bottom="2"] {padding-bottom: 1.5rem}
.module-outer-wrapper[data-bottom="3"] {padding-bottom: 3rem}
.module-outer-wrapper[data-bottom="4"] {padding-bottom: 4.5rem}
.module-outer-wrapper[data-bottom="5"] {padding-bottom: 6rem}
.module-outer-wrapper[data-bottom="6"] {padding-bottom: 7.5rem}
.module-outer-wrapper[data-bottom="7"] {padding-bottom: 9rem}
.module-outer-wrapper[data-bottom="8"] {padding-bottom: 10.5rem}
.module-outer-wrapper[data-bottom="9"] {padding-bottom: 12rem}

/* Module Inner Wrapper
============================================================= */

.module-inner-wrapper[data-top="0"] {padding-top: 0rem}
.module-inner-wrapper[data-top="1"] {padding-top: .75rem}
.module-inner-wrapper[data-top="2"] {padding-top: 1.5rem}
.module-inner-wrapper[data-top="3"] {padding-top: 3rem}
.module-inner-wrapper[data-top="4"] {padding-top: 4.5rem}
.module-inner-wrapper[data-top="5"] {padding-top: 6rem}
.module-inner-wrapper[data-top="6"] {padding-top: 7.5rem}
.module-inner-wrapper[data-top="7"] {padding-top: 9rem}
.module-inner-wrapper[data-top="8"] {padding-top: 10.5rem}
.module-inner-wrapper[data-top="9"] {padding-top: 12rem}

.module-inner-wrapper[data-bottom="0"] {padding-bottom: 0rem}
.module-inner-wrapper[data-bottom="1"] {padding-bottom: .75rem}
.module-inner-wrapper[data-bottom="2"] {padding-bottom: 1.5rem}
.module-inner-wrapper[data-bottom="3"] {padding-bottom: 3rem}
.module-inner-wrapper[data-bottom="4"] {padding-bottom: 4.5rem}
.module-inner-wrapper[data-bottom="5"] {padding-bottom: 6rem}
.module-inner-wrapper[data-bottom="6"] {padding-bottom: 7.5rem}
.module-inner-wrapper[data-bottom="7"] {padding-bottom: 9rem}
.module-inner-wrapper[data-bottom="8"] {padding-bottom: 10.5rem}
.module-inner-wrapper[data-bottom="9"] {padding-bottom: 12rem}

/* Module Container
============================================================= */

.module-container {
	position: relative;
}

.module-container[data-width="auto"] {
	margin: 0;
	padding: 0;
}

.module-container[data-width="autoExtended"] {
	margin: 0 calc(-50vw + 50%);
	padding: 0 calc(50vw - 50%);
}

.module-container[data-width="wide"] {
	margin: 0;
}

@media (min-width: 32em) {.module-container[data-width="wide"] {margin: 0 -1.5rem}}
@media (min-width: 48em) {.module-container[data-width="wide"] {margin: 0 -3rem}}
@media (min-width: 64em) {.module-container[data-width="wide"] {margin: 0 -4.5rem}}
@media (min-width: 80em) {.module-container[data-width="wide"] {margin: 0 -6rem}}

.module-container[data-width="wideExtended"] {
	margin: 0 calc(-50vw + 50%);
	padding: 0 calc(50vw - 50%);
}

@media (min-width: 32em) {.module-container[data-width="wideExtended"] {padding: 0 calc(50vw - 50% - 1.5rem)}}
@media (min-width: 48em) {.module-container[data-width="wideExtended"] {padding: 0 calc(50vw - 50% - 3rem)}}
@media (min-width: 64em) {.module-container[data-width="wideExtended"] {padding: 0 calc(50vw - 50% - 4.5rem)}}
@media (min-width: 80em) {.module-container[data-width="wideExtended"] {padding: 0 calc(50vw - 50% - 6rem)}}

.module-container[data-width="slim"] {
	margin: 0;
}

@media (min-width: 32em) {.module-container[data-width="slim"] {margin: 0 1.5rem}}
@media (min-width: 48em) {.module-container[data-width="slim"] {margin: 0 3rem}}
@media (min-width: 64em) {.module-container[data-width="slim"] {margin: 0 4.5rem}}
@media (min-width: 80em) {.module-container[data-width="slim"] {margin: 0 6rem}}

.module-container[data-width="slimExtended"] {
	margin: 0 calc(-50vw + 50%);
	padding: 0 calc(50vw - 50%);
}

@media (min-width: 32em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 1.5rem)}}
@media (min-width: 48em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 3rem)}}
@media (min-width: 64em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 4.5rem)}}
@media (min-width: 80em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 6rem)}}

.module-container[data-width="full"] {
	margin: 0 calc(-50vw + 50%);
}

/* Module Background
============================================================= */

.module-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}

.module-background[data-bg-color="none"] {
	background-color: transparent
}
.module-background[data-bg-color="white"] {
	background-color: #ffffff;
}
.module-background[data-bg-color="gray"] {
	background-image: url('/assets/ui/wkf-gray-texture-background.png');
	background-size: initial;
}
.module-background[data-bg-color="blue"] {
	background-color: #006b9f;
}

/* Module Overlay
============================================================= */

.module-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Module Content
============================================================= */

.module-content {
	position: relative;
}

	/* --- Source File: /css/wkf-components.css --- */
		/* Finder
============================================================= */

.c--finder {
	margin-bottom: 6rem;
}

.c--finder .filter-bar {
	margin-bottom: 4.5rem;
}

.c--finder .filter-bar .container {
	background-color: #ffffff;
	border-top: .1875rem solid #7bc049;
}

.c--finder .filter-bar .form-buttons {
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.c--finder .filter-bar .heading {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 1.5rem 3rem;
}

.c--finder .filter-bar .heading .title {
	font-family: 'Arbutus Slab', serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25rem;
	text-align: center;
	color: #433e37;
}

.c--finder .filter-bar .heading::after {
	content: '';
	position: absolute;
	top: 100%;
	right: 1.5rem;
	width: calc(100% - 3rem);
	height: .0625rem;
	background-color: rgba(129, 123, 110, .22);
}

.c--finder .filter-bar .wrapper[min-width~="32rem"] .heading::after {
	top: 1.5rem;
	right: 0;
	width: .0625rem;
	height: calc(100% - 3rem);
}

.c--finder .bitte-wrapper {
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.c--finder .results-section {
	position: relative;
}

.c--finder .results-section .results-staging {
	display: none;
}

.c--finder .results-section .message-templates {
	display: none;
}

.c--finder .no-results-message {
	width: 100%;
}

.c--finder .failure-message {
	width: 100%;
}

.c--finder .results-section .results {
	position: relative;
	min-height: 6rem;
	margin-bottom: 4.5rem;
	transition: opacity 100ms ease;
}

.c--finder .results-section .results.loading {
	opacity: 0;
}

.c--finder .results-section .results .meta {
	display: none;
}

.c--finder .results-section .loading-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition: opacity 100ms ease;
	pointer-events: none;
}

.c--finder .results-section .loading + .loading-indicator {
	opacity: 1;
}

.c--finder .results-section .loading-indicator .spinner {
	width: 3rem;
	height: 3rem;
	border: .1875rem solid #7bc049;
	border-radius: 50%;
	border-top-color: transparent;
	-webkit-animation: spin 1000ms linear infinite;
	        animation: spin 1000ms linear infinite;
}

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

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

.c--finder .load-more {
	display: flex;
	justify-content: center;
}

.c--finder .load-more > .bitte-field {
	width: auto;
}

/* Button
============================================================= */

.c--button {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.c--button.primary {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 800;
	letter-spacing: .01875rem;
	text-transform: uppercase;
	padding: 1rem 2rem;
	min-width: 10rem;
	border-radius: .5rem;
	color: #ffffff;
	background-color: #56c3cc;
	transition: background-color 100ms ease;
}

.c--button.primary:hover {
	background-color: #41b0b9;
}

.c--button.clear {
	font-family: 'Open Sans', sans-serif;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 700;
	letter-spacing: .01875rem;
	text-transform: uppercase;
	padding: 1rem;
	border-radius: .5rem;
	color: #66696f;
	text-decoration: underline;
	transition: background-color 100ms ease;
}

.c--button.clear:hover {
	color: #7bc049;
}

/* Side Image Banner
============================================================= */

.c--side-image-banner {
	position: relative;
	padding: 2rem 0;
}

.c--side-image-banner .side-image {
	width: 75vw;
	max-width: 32rem;
	height: 75vw;
	max-height: 32rem;
	position: absolute;
	right: -8rem;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: none;
}

@media screen and (min-width: 80em) {
	.c--side-image-banner .side-image {
		display: block;
	}
}

.c--side-image-banner .banner-contents {
	position: relative;
}

/* Split Background Banner
============================================================= */

.c--split-background-banner .type-container {
	padding-top: 6rem;
	position: relative;
}

.c--split-background-banner .type-container:before {
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	left: calc(50% - 50vw);
	top: 0;
	background-image: url('/assets/ui/wkf-gray-texture-background.png');
}

.c--split-background-banner .type-wrapper {
	position: relative;
}

.c--split-background-banner .banner-breadcrumb {
	text-align: center;
	white-space: nowrap;
	margin-bottom: 1rem;
}

.c--split-background-banner .crumb {
	line-height: 1.25rem;
	font-size: 1rem;
	font-family: 'Cubano', sans-serif;
	font-weight: 400;
	letter-spacing: 0.01875rem;
	color: #006596;
}

.c--split-background-banner .crumb-separator {
	display: inline-block;
	margin: 0 0.5rem;
	line-height: 1.25rem;
	font-size: 1rem;
	font-family: 'Cubano', sans-serif;
	font-weight: 400;
	color: #939393;
}

.c--split-background-banner .banner-subhead {
	margin-top: 1.5rem;
	line-height: 1.25rem;
	font-size: 1rem;
	font-family: 'Arbutus Slab', serif;
	text-align: center;
	color: #433e37;
}

.c--split-background-banner .image-container {
	position: relative;
}

.c--split-background-banner .image-container:before {
	content: '';
	width: 100vw;
	height: 40%;
	position: absolute;
	left: calc(50% - 50vw);
	top: 0;
	background-image: url('/assets/ui/wkf-gray-texture-background.png');
}

.c--split-background-banner img {
	position: relative;
	width: 100%;
}

/* Person Thumbnail
============================================================= */

.c--person-thumbnail {
	display: block;
	margin-bottom: 4rem;
	align-items: center;
}

@media (min-width: 32em) {
	.c--person-thumbnail {
		display: flex;
	}
}

.c--person-thumbnail .person-photo {
	width: 10rem;
	height: 10rem;
	flex: 0 0 auto;
	margin: 0 auto;
	border: 0.25rem solid #ffffff;
	border-radius: 50%;
	background-position: center center;
	background-size: cover;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}

@media (min-width: 32em) {
	.c--person-thumbnail .person-photo {
		margin-right: 3rem;
	}
}

.c--person-thumbnail .person-byline {
	flex: 1 0 1px;
	text-align: center;
	padding: 1.5rem 0;
}

@media (min-width: 32em) {
	.c--person-thumbnail .person-byline {
		text-align: left;
	}
}

.c--person-thumbnail .label {
	margin-bottom: 0.25rem;
	line-height: 1.25rem;
	font-size: 1rem;
	font-weight: 400;
	font-family: 'Arbutus Slab', serif;
	letter-spacing: 0;
	color: #433e37;
}

.c--person-thumbnail .title {
	font-size: 1.5rem;
	line-height: 2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	color: #29292b;
}

.c--person-thumbnail a.title {
	color: #5b9d36;
}

.c--person-thumbnail a.title:hover {
	color: #7bc049;
}