/*
	Theme Name:   SWP
	Theme URI:    https://dev.smarterwebpages.com
	Description:  Custom theme designed by SmarterWebPackages.com
	Author:       Mark Corpuz
	Author URI:   https://markcorpuz.com
	Template:     generatepress
	Version:      1.0.2.10
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Elements
# Forms
# Links
# Alignments
# Accessibility
# Navigation
    # Dropdown Menus
    # Sidebar Navigation
# Post Navigation
# Header
# Post Content
# Widgets
# Content Layout
# Sidebars
# Footer
# Featured Images
# Icons
# Compatibility
# Mobile
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
  * Remove the inner padding in Chrome and Safari on macOS.
  */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/* VARIABLES */

:root {

	/* MAIN */

	--font-main: 				-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
	--weight-main: 				400;
	--letters-main:				-0.04em;

	/* FONT FAMILY */

	--font-serif: 				Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	--font-sansserif: 			-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

	/* COLOR */

	--black: 					#000000;
	--darkest: 					#0C0C0C;
	--darker: 					#191919;
	--dark: 					#333333;
	--mid3x: 					#444444;
	--mid2x: 					#555555;
	--mid: 						#666666;
	--light: 					#999999;
	--lighter: 					#cccccc;
	--lightest: 				#e5e5e5;
	--lightest2x: 				#efefef;
	--lightest3x: 				#f0f0f0;
	--lightest4x: 				#f9f9f9;
	--white: 					#ffffff;

	/* SPACING for margin, padding */

	--size-line:				0.063rem;		/* 1.008 */
	--size-line2x:				0.125rem;		/* 2 */
	--size-tiny3x: 				0.3125rem;		/* 5 */
	--size-tiny2x: 				0.5rem;			/* 8 */
	--size-tiny: 				0.625rem;		/* 10 */
	--size-smaller: 			0.75rem;		/* 12 */
	--size-small: 				0.875rem;		/* 14 */
	--size-base:				1rem;			/* 16 */
	--size-main:				1.125rem;		/* 18 */
	--size-medium:				1.25rem;		/* 20 */
	--size-medium2x:			1.5rem;			/* 24 */
	--size-default:				1.5rem;			/* 24 */
	--size-medium3x:			1.875rem;		/* 30 */
	--size-medium4x:			2rem;			/* 32 */
	--size-large:				2.25rem;		/* 36 */
	--size-larger:				3rem;			/* 48 */
	--size-largest:				3.75rem;		/* 60 */
	--size-huge:				4.5rem;			/* 72 */
	--size-huge2x:				6rem;			/* 96 */
	--size-huge3x:				8rem;			/* 128 */

	--size-edges:				2rem;

	/* SPACING for content */

	--leading-tiny3x:			0.4rem;
	--leading-tiny2x:			0.6rem;
	--leading-tiny:				0.8rem;
	--leading-smaller:			1rem;
	--leading-small:			1.25rem;
	--leading-base:				1.5rem;
	--leading-main:				1.65rem;
	--leading-medium:			1.75rem;
	--leading-medium2x:			2rem;
	--leading-medium3x:			2.5rem;
	--leading-medium4x:			3rem;
	--leading-large:			3rem;
	--leading-larger:			3.5rem;
	--leading-largest:			4rem;
	--leading-huge:				4.5rem;
	--leading-huge2x:			6rem;
	--leading-huge3x:			8rem;

	/* BODY */

	--bg-body: 							#ffffff;
		--bg-body-dm: 					#000000;

	/* TYPE */

	--color-text:						#333333;
		--color-text-dm:				#f0f0f0;
	--color-link:						#cc0000;
		--color-link-dm:				#ff0000;
	--color-hover:						#ff0000;
		--color-hover-dm:				#147fc4;

	/* BUTTON */

	--color-button-text-link: 			#f0f0f0;
		--color-button-text-link-dm: 	#f0f0f0;
	--color-button-text-hover: 			#f9f9f9;
		--color-button-text-hover-dm: 	#f9f9f9;
	--bg-button-link: 					#147fc4;
		--bg-button-link-dm: 			#147fc4;
	--bg-button-hover: 					cornflowerblue;
		--bg-button-hover-dm: 			cornflowerblue;

	/* HEADER */

	--bg-header:						var(--lightest3x);

	--width-outer:				100%;
	--width-inner:				68rem;			/* 832px */

	--width-container:			100%;

	/* site-content includes 2rem padding */
	--width-sitecontent:		52rem;			/* 832px */
	--width-sitecontent-1sbar:	68rem;			/* 1088px */
	--width-sitecontent-2sbar:	84rem;			/* 1344px */

	--width-sidebar:			20rem;			/* 320px */
	--width-rightsidebar:		20rem;			/* 320px */
	--width-leftsidebar:		20rem;			/* 320px */
	--width-sidebar-2sbar:		17.25rem;		/* 276px */
	--width-rightsidebar-2sbar:	17.25rem;		/* 276px */
	--width-leftsidebar-2sbar:	17.25rem;		/* 276px */

	--width-contentarea:		48rem;			/* 768px */
	--width-contentarea-1sbar:	42.5rem;		/* 680px */
	--width-contentarea-2sbar:	42.5rem;		/* 680px */

	--width-bothsidebars:		89.5rem;		/* 1280px */
	--width-bothsidebars-px:	1432px;

	--width-tiny: 				20rem;			/* 320px */
	--width-small: 				32rem;			/* 512px */
	--width-smallx: 			36rem;			/* 576px */
	--width-medium: 			48rem;			/* 768px */
	--width-mediumx: 			52rem;			/* 832px */
	--width-mediumx-px:			832px;
	--width-large: 				64rem;			/* 1024px */
	--width-largex: 			68rem;			/* 1088px */
	--width-largex-px:			1088px;
	--width-larger: 			71rem;			/* 1136px */
	--width-largerx: 			80rem;			/* 1280px */
	--width-max: 				160rem;			/* 2560px */

}

/* ELEMENTS */

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

body {
	background-color: var(--bg-body);
	color: var(--color-text);
}

body .dm,
	.darkmode {
		color: var(--color-text-dm);
	}

body,
button,
input,
select,
textarea {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: normal;
	text-transform: none;
	font-size: 17px;
	line-height: 1.5;
}

p {
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin-bottom: 1.5em;
}

pre {
	background: rgba(0, 0, 0, 0.05);
	font-family: inherit;
	font-size: inherit;
	line-height: normal;
	margin-bottom: 1.5em;
	padding: 20px;
	overflow: auto;
	max-width: 100%;
}

blockquote {
	border-left: 5px solid rgba(0, 0, 0, 0.05);
	padding: 20px;
	font-size: 1.2em;
	font-style: italic;
	margin: 0 0 1.5em;
	position: relative;
}

blockquote p:last-child {
	margin: 0;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.5em;
	width: 100%;
}

th,
td {
	padding: 8px;
}

th {
	border-width: 0 1px 1px 0;
}

td {
	border-width: 0 1px 1px 0;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 40px;
	margin-top: 40px;
}

fieldset {
	padding: 0;
	border: 0;
	min-width: inherit;
}

fieldset legend {
	padding: 0;
	margin-bottom: 1.5em;
}

h1 {
  font-size: var(--size-medium3x);
  line-height: var(--leading-medium3x);
}

@media (min-width: 512px) {

  h1 {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 832px) {

  h1 {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

@media (min-width: 1088px) {

  h1 {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

h2 {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  h2 {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  h2 {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  h2 {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

h3 {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  h3 {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

h4 {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  h4 {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

h5 {
  font-size: var(--size-base);
  line-height: var(--leading-base);
}

@media (min-width: 832px) {

  h5 {
    font-size: var(--size-main);
    line-height: var(--leading-main);
  }
}

h6 {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

ul,
ol {
	margin: 0 0 1.5em 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

b,
strong {
	font-weight: bold;
}

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

address {
	margin: 0 0 1.5em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #55555e;
	color: #fff;
	border: 1px solid transparent;
	cursor: pointer;
	-webkit-appearance: button;
	/* Corrects inability to style clickable 'input' types in iOS */
	padding: 10px 20px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	border: 1px solid;
	border-radius: 0;
	padding: 10px 15px;
	max-width: 100%;
}

textarea {
	width: 100%;
}

/* LINKS & BUTTONS */

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a,
button,
input {
	transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

a {
	text-decoration: none;
}

a,
a:link,
a:visited {
	color: var(--color-link);
}

a.dm,
	a.dm:link,
	a.dm:visited,
	.dm > a,
	.dm > a:link,
	.dm > a:visited {
		color: var(--color-link-dm);
	}

a:hover,
a:active {
	color: var(--color-hover);
}

a.dm:hover,
	a.dm:active,
	.dm > a:hover,
	.dm > a:active {
		color: var(--color-hover-dm);
	}

.button,
.wp-block-button .wp-block-button__link {
	padding: 10px 20px;
	display: inline-block;
}

.wp-block-button .wp-block-button__link {
	font-size: inherit;
	line-height: inherit;
}

.using-mouse :focus {
	outline: 0;
}

.using-mouse ::-moz-focus-inner {
	border: 0;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a,
button,
input {
	transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

a {
	text-decoration: none;
}

a,
a:link,
a:visited {
	color: var(--color-link);
}

a.dm,
	a.dm:link,
	a.dm:visited,
	.dm > a,
	.dm > a:link,
	.dm > a:visited,
	.darkmode a,
	.darkmode a:link,
	.darkmode a:visited {
		color: var(--color-link-dm);
	}

a:hover,
a:active {
	color: var(--color-hover);
}

a.dm:hover,
	a.dm:active,
	.dm > a:hover,
	.dm > a:active,
	.darkmode a:hover,
	.darkmode a:active {
		color: var(--color-hover-dm);
	}

.button,
.wp-block-button .wp-block-button__link {
	padding: var(--size-tiny) var(--size-medium);
	display: inline-block;
}

.tiny.button,
	.tiny.wp-block-button .wp-block-button__link,
	.smaller.button,
	.smaller.wp-block-button .wp-block-button__link {
		padding: var(--size-tiny3x) var(--size-tiny);
	}

.small.button,
	.small.wp-block-button .wp-block-button__link {
		padding: var(--size-tiny2x) var(--size-base);
	}

.large.button,
	.large.wp-block-button .wp-block-button__link,
	.larger.button,
	.larger.wp-block-button .wp-block-button__link,
	.largest.button,
	.largest.wp-block-button .wp-block-button__link,
	.huge.button,
	.huge.wp-block-button .wp-block-button__link,
	.huge2x.button,
	.huge2x.wp-block-button .wp-block-button__link,
	.huge3x.button,
	.huge3x.wp-block-button .wp-block-button__link {
		padding: var(--size-medium) var(--size-medium4x);
	}

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.wp-block-button__link:not(.has-background) {
	color: var(--color-button-text-link);
	background-color: var(--bg-button-link);
}

button:hover, 
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
a.button:hover, button:focus, 
html input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus, 
a.button:focus, 
a.wp-block-button__link:not(.has-background):active, 
a.wp-block-button__link:not(.has-background):focus, 
a.wp-block-button__link:not(.has-background):hover {
	color: var(--color-button-text-hover);
	background-color: var(--bg-button-hover);	
}

.gb-button-text {
	color: var(--color-button-text-link);
	background-color: var(--bg-button-link);
}

a.gb-button,
a.gb-button:link,
a.gb-button:visited {
	color: var(--color-button-text-link);
	background-color: var(--bg-button-link);
}

a.gb-button.dm,
	a.gb-button.dm:link,
	a.gb-button.dm:visited,
	.darkmode a.gb-button,
	.darkmode a.gb-button:link,
	.darkmode a.gb-button:visited {
		color: var(--color-button-text-link-dm);
		background-color: var(--bg-button-link-dm);
	}

a.gb-button:hover,
a.gb-button:active {
	color: var(--color-button-text-hover);
	background-color: var(--bg-button-hover);
}

a.gb-button.dm:hover,
	a.gb-button.dm:active,
	.darkmode a.gb-button:hover,
	.darkmode a.gb-button:active {
		color: var(--color-button-text-hover-dm);
		background-color: var(--bg-button-hover-dm);
	}

.wp-block-button .wp-block-button__link {
	font-size: inherit;
	line-height: inherit;
}

a.wp-block-button__link,
a.wp-block-button__link:link,
a.wp-block-button__link:visited {
	color: var(--color-button-text-link);
	background-color: var(--bg-button-link);
	border-radius: 0;
}

.dm > a.wp-block-button__link,
	.dm > a.wp-block-button__link:link,
	.dm > a.wp-block-button__link:visited,
	.wp-block-buttons.dm a.wp-block-button__link,
	.wp-block-buttons.dm a.wp-block-button__link:link,
	.wp-block-buttons.dm a.wp-block-button__link:visited,
	.darkmode a.wp-block-button__link,
	.darkmode a.wp-block-button__link:link,
	.darkmode a.wp-block-button__link:visited {
		color: var(--color-button-text-link-dm);
		background-color: var(--bg-button-link-dm);
	}

a.wp-block-button__link:hover,
a.wp-block-button__link:active {
	color: var(--color-button-text-hover);
	background-color: var(--bg-button-hover);
}

.dm > a.wp-block-button__link:hover,
	.dm > a.wp-block-button__link:active,
	.wp-block-buttons.dm a.wp-block-button__link:hover,
	.wp-block-buttons.dm a.wp-block-button__link:active,
	.darkmode a.wp-block-button__link:hover,
	.darkmode a.wp-block-button__link:active {
		color: var(--color-button-text-hover-dm);
		background-color: var(--bg-button-hover-dm);
	}

.using-mouse :focus {
	outline: 0;
}

.using-mouse ::-moz-focus-inner {
	border: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	float: left;
	margin-right: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.no-sidebar .entry-content .alignfull {
	margin-left: calc( -100vw / 2 + 100% / 2);
	margin-right: calc( -100vw / 2 + 100% / 2);
	max-width: 100vw;
	width: auto;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

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

/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* MENU */

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.main-navigation {
	z-index: 100;
	padding: 0;
	clear: both;
	display: block;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-size: 1.25rem;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation .main-nav ul li a {
	padding-left: 20px;
	padding-right: 20px;
	line-height: unset;
}

.inside-navigation {
	position: relative;
}

.main-navigation .inside-navigation {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.main-navigation .main-nav > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.main-navigation li {
	position: relative;
}

.main-navigation .menu-bar-items {
	display: flex;
	align-items: center;
	font-size: 15px;
}

.main-navigation .menu-bar-items a {
	color: inherit;
}

.main-navigation .menu-bar-item {
	position: relative;
}

.main-navigation .menu-bar-item.search-item {
	z-index: 20;
}

.main-navigation .menu-bar-item > a {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 60px;
}

.sidebar .main-navigation .main-nav {
	flex-basis: 100%;
}

.sidebar .main-navigation .main-nav > ul {
	flex-direction: column;
}

.sidebar .main-navigation .menu-bar-items {
	margin: 0 auto;
}

.sidebar .main-navigation .menu-bar-items .search-item {
	order: 10;
}

.nav-align-center .inside-navigation {
	justify-content: center;
}

.nav-align-center .main-nav > ul {
	justify-content: center;
}

.nav-align-right .inside-navigation {
	justify-content: flex-end;
}

/*--------------------------------------------------------------
## Dropdown Menus
--------------------------------------------------------------*/

.main-navigation ul ul {
	display: block;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	float: left;
	position: absolute;
	left: -99999px;
	opacity: 0;
	z-index: 99999;
	width: 200px;
	text-align: left;
	top: auto;
	transition: opacity 80ms linear;
	transition-delay: 0s;
	pointer-events: none;
	height: 0;
	overflow: hidden;
}

.main-navigation ul ul a {
	display: block;
}

.main-navigation ul ul li {
	width: 100%;
}

.main-navigation .main-nav ul ul li a {
	line-height: normal;
	padding: 10px 20px;
	font-size: 14px;
}

.main-navigation .main-nav ul li.menu-item-has-children > a {
	padding-right: 0;
	position: relative;
}

.main-navigation.sub-menu-left ul ul {
	box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}

.main-navigation.sub-menu-left .sub-menu {
	right: 0;
}

.main-navigation:not(.toggled) ul li:hover > ul,
.main-navigation:not(.toggled) ul li.sfHover > ul {
	left: auto;
	opacity: 1;
	transition-delay: 150ms;
	pointer-events: auto;
	height: auto;
	overflow: visible;
}

.main-navigation:not(.toggled) ul ul li:hover > ul,
.main-navigation:not(.toggled) ul ul li.sfHover > ul {
	left: 100%;
	top: 0;
}

.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul,
.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
	right: 100%;
	left: auto;
}

.nav-float-right .main-navigation ul ul ul {
	top: 0;
}

.menu-item-has-children .dropdown-menu-toggle {
	display: inline-block;
	height: 100%;
	clear: both;
	padding-right: 20px;
	padding-left: 10px;
}

.menu-item-has-children ul .dropdown-menu-toggle {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -10px;
}

nav ul ul .menu-item-has-children .dropdown-menu-toggle,
.sidebar .menu-item-has-children .dropdown-menu-toggle {
	float: right;
}

/*--------------------------------------------------------------
## Sidebar Navigation
--------------------------------------------------------------*/

.widget-area .main-navigation li {
	float: none;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.sidebar .main-navigation.sub-menu-right ul li:hover ul,
.sidebar .main-navigation.sub-menu-right ul li.sfHover ul {
	top: 0;
	left: 100%;
}

.sidebar .main-navigation.sub-menu-left ul li:hover ul,
.sidebar .main-navigation.sub-menu-left ul li.sfHover ul {
	top: 0;
	right: 100%;
}

/* NAVIGATION */

/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 2em;
	overflow: hidden;
}

.site-main .post-navigation {
	margin-bottom: 0;
}

.paging-navigation {
	margin-top: 2rem;
}

.paging-navigation .nav-previous,
.paging-navigation .nav-next {
	display: none;
}

.paging-navigation .nav-links > * {
	padding: 0 5px;
}

.paging-navigation .nav-links .current {
	font-weight: bold;
}

/* Less specific so we don't overwrite existing customizations. */

.nav-links > *:first-child {
	padding-left: 0;
}

/* HEADER */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
	position: relative;
	background-color: var(--bg-header);
}

.inside-header {
	padding: 0.8rem 2rem;
}

.inside-header.grid-container {
		max-width: unset;
	}

.main-title {
	margin: 0;
	font-size: 25px;
	line-height: 1.2em;
	word-wrap: break-word;
	font-weight: bold;
	text-transform: none;
}

.site-description {
	margin: 0;
	line-height: 1.5;
	font-weight: normal;
	text-transform: none;
	font-size: 15px;
}

.site-logo {
	display: inline-block;
	max-width: 100%;
}

.site-header .header-image {
	vertical-align: middle;
}

.header-widget {
	margin-left: auto;
}

.header-widget p:last-child {
	margin-bottom: 0;
}

.nav-float-right .header-widget {
	margin-left: 20px;
}

.nav-float-right #site-navigation {
	margin-left: auto;
}

.nav-float-left #site-navigation {
	margin-right: auto;
	order: -10;
}

.nav-float-left .header-widget {
	margin-left: 0;
	margin-right: 20px;
	order: -15;
}

.header-aligned-center:not([class*="nav-float-"]) .inside-header {
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.header-aligned-center:not([class*="nav-float-"]) .header-widget {
	margin-left: auto;
	margin-right: auto;
}

.header-aligned-center:not([class*="nav-float-"]) .inside-header > *:not(:first-child) {
	margin-top: 1em;
}

.header-aligned-right:not([class*="nav-float-"]) .inside-header {
	justify-content: flex-end;
}

.header-aligned-right:not([class*="nav-float-"]) .header-widget {
	margin-right: auto;
	margin-left: 0;
	order: -10;
}

.site-branding-container {
	display: inline-flex;
	align-items: center;
	text-align: left;
	flex-shrink: 0;
}

.site-branding-container .site-logo {
	margin-right: 1em;
}

.sitelogo {
	width:100%;
	max-width: 130px;
}

.sitelogo .brand {
	max-width: 130px;
	margin-right: auto;
	margin-left: auto;
}

.sitelogo .brand a {
	display: block;
	line-height: 0.8;
}

.sitelogo .brand-icon {
	fill:#cc0000;
}

.sitelogo .brand-text {
	fill:#333;
}

/*--------------------------------------------------------------
# Post Content
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.posted-on .updated,
.entry-header .gp-icon {
	display: none;
}

.byline,
.single .byline,
.group-blog .byline,
.entry-header .cat-links,
.entry-header .tags-links,
.entry-header .comments-link {
	display: inline;
}

footer.entry-meta .byline,
footer.entry-meta .posted-on {
	display: block;
}

.page-content:not(:first-child),
.entry-content:not(:first-child),
.entry-summary:not(:first-child) {}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-header,
.archive .format-aside .entry-header,
.blog .format-status .entry-header,
.archive .format-status .entry-header,
.blog .format-status .entry-meta,
.archive .format-status .entry-meta {
	display: none;
}

.blog .format-aside .entry-content,
.archive .format-aside .entry-content,
.blog .format-status .entry-content,
.archive .format-status .entry-content {
	margin-top: 0;
}

.blog .format-status .entry-content p:last-child,
.archive .format-status .entry-content p:last-child {
	margin-bottom: 0;
}

.site-content,
.entry-header {
	word-wrap: break-word;
}

.entry-title {
	margin-bottom: 0;
}

.author .page-header .page-title {
	display: flex;
	align-items: center;
}

.author .page-header .avatar {
	margin-right: 20px;
}

.page-header > *:last-child,
.page-header .author-info > *:last-child {
	margin-bottom: 0;
}

.entry-meta {
	font-size: 85%;
	margin-top: .5em;
	line-height: 1.5;
}

footer.entry-meta {
	margin-top: 2em;
}

.cat-links,
.tags-links,
.comments-link {
	display: block;
}

.taxonomy-description p:last-child,
.read-more-container,
.page-content > p:last-child,
.entry-content > p:last-child,
.entry-summary > p:last-child {
	margin-bottom: 0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	position: relative;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto 0;
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	font-size: 75%;
	padding-top: 5px;
	opacity: 0.8;
}

.wp-caption img {
	position: relative;
	vertical-align: bottom;
}

.wp-block-image figcaption {
	font-size: 13px;
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.wp-block-gallery,
ul.blocks-gallery-grid {
	margin-left: 0;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	padding: 10px;
	box-sizing: border-box;
}

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery-item img {
	vertical-align: bottom;
}

.gallery-icon {
	padding: 5px;
}

embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Post Loop Block
--------------------------------------------------------------*/

.wp-block-post-template {
	margin-left: 0;
}

/* WIDGETS */

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget-area .widget {
	padding: 0;
}

.widget select {
	max-width: 100%;
}

.sidebar .widget *:last-child,
.footer-widgets .widget *:last-child {
	margin-bottom: 0;
}

.widget-title {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 1.5;
	font-weight: normal;
	text-transform: none;
}

.widget ul,
.widget ol {
	margin: 0;
}

.widget .search-field {
	width: 100%;
}

.widget .search-form {
	display: flex;
}

.widget .search-form button.search-submit {
	font-size: 15px;
}

.footer-widgets .widget {
	margin-bottom: 30px;
}

.sidebar .widget:last-child,
.footer-widgets .widget:last-child {
	margin-bottom: 0;
}

.widget ul li {
	list-style-type: none;
	position: relative;
	margin-bottom: 0.5em;
}

.widget ul li ul {
	margin-left: 1em;
	margin-top: 0.5em;
}

.wp-calendar-table {
	table-layout: fixed;
}

/* LAYOUTS */

/*--------------------------------------------------------------
# Content Layout
--------------------------------------------------------------*/

/* 
 * body > 
 * site grid-container container >
 * site-content >
 * content-area & sidebar(s) >
 * site-main
 * post
 */

body {}

/* site grid-container container */

.site {
	/* cancels gp defined width */
	max-width: unset;
	width: 100%;
}

/* container */

.grid-container {}

.container {}

.container.grid-container {
		container-name: container;
		container-type: inline-size;}

/* site-content */

.site-content {
	container-name: sitecontent;
	container-type: inline-size;
}

.one-container .site-content,
	.grid-container .site-content {
		width: 100%;
	}

@container container (width < 767px) {
		.site-content {
			padding: 1.5rem;
			margin-left: auto;
			margin-right: auto;
			display: grid;
			grid-template-areas: "entryheader" "contentarea" "isleftsidebar" "isrightsidebar";
			grid-template-columns: 1fr;
			grid-gap: 1.5rem;
		}
		.archive .site-content {
			grid-template-areas: "pageheader" "contentarea" "isleftsidebar" "isrightsidebar";
		}
		.blog .site-content {
			grid-template-areas: "contentarea" "isleftsidebar" "isrightsidebar";
		}
	}

@container container (width > 768px) {
		.site-content {
			padding: 1.5rem;
			max-width: 816px;
			margin-left: auto;
			margin-right: auto;
			display: grid;
			grid-template-areas: "entryheader entryheader" "contentarea contentarea" "isleftsidebar isrightsidebar";
			grid-template-columns: 1fr 1fr;
			grid-gap: 1.5rem;
		}
		.archive .site-content {
			grid-template-areas: "pageheader pageheader" "contentarea contentarea" "isleftsidebar isrightsidebar";
		}
		.blog .site-content {
			grid-template-areas: "contentarea contentarea" "isleftsidebar isrightsidebar";
		}
	}

@container container (width > 1024px) {
		.site-content {
			padding: 1.5rem;
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
			display: grid;
			grid-template-areas: ". entryheader" "isleftsidebar contentarea" "isrightsidebar contentarea" ". contentarea";
			grid-template-columns: 1fr 816px;
			grid-column-gap: 0;
			grid-row-gap: 0;
		}

		.archive .site-content {
			grid-template-areas: ". pageheader" "isleftsidebar contentarea" "isrightsidebar contentarea" ". contentarea";
		}
		.blog .site-content {
			grid-template-areas: "isleftsidebar contentarea" "isrightsidebar contentarea" ". contentarea";
		}
	}

@container container (width > 1280px) {
		.site-content {
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
			display: grid;
			grid-template-areas: ". entryheader entryheader" "isleftsidebar contentarea isrightsidebar";
			grid-template-columns: 1fr 1024px 1fr;
			grid-column-gap: 2rem;
			grid-row-gap: 0;
		}
		.archive .site-content {
			grid-template-areas: ". pageheader pageheader" "isleftsidebar contentarea isrightsidebar";
		}
		.blog .site-content {
			grid-template-areas: "isleftsidebar contentarea isrightsidebar";
		}
	}

/* entry-header */

.entry-header {}

.site-content .entry-header {
		width: 100%;
	}

@container container (width < 767px) {
		.site-content .entry-header {
			grid-area: entryheader;
		}
	}

@container container (width > 768px) {
		.site-content .entry-header {
			grid-area: entryheader;
		}
	}

@container container (width > 1024px) {
		.site-content .entry-header {
			grid-area: entryheader;
		}
	}

@container container (width > 1280px) {
		.site-content .entry-header {
			grid-area: entryheader;
		}
	}

/* page-header (for archives) */

.page-header {}

.site-content .page-header {
		width: 100%;
	}

@container container (width < 767px) {
		.site-content .page-header {
			grid-area: pageheader;
		}
	}

@container container (width > 768px) {
		.site-content .page-header {
			grid-area: pageheader;
		}
	}

@container container (width > 1024px) {
		.site-content .page-header {
			grid-area: pageheader;
		}
	}

@container container (width > 1280px) {
		.site-content .page-header {
			grid-area: pageheader;
		}
	}

/* content-area */

.content-area {}

.site-content .content-area {
		width: 100%;
	}

@container container (width > 768px) {
		.content-area {
			max-width: 768px;
			grid-area: contentarea;
		}
	}

@container container (width > 1024px) {
		.content-area {
			max-width: 832px;
			grid-area: contentarea;
		}
	}

@container container (width > 1280px) {
		.content-area {
			max-width: 1088px;
			grid-area: contentarea;
			margin-left: auto;
			margin-right: auto;
		}
	}

/* site-main */

.site-main {}

/* sidebar(s) */

.sidebar {}

.is-right-sidebar {
		width: 100%;
		padding: 2rem;
	}

@container container (width < 767px) {
		.is-right-sidebar {
			max-width: unset;
			grid-area: isrightsidebar;
		}
	}

@container container (width > 768px) {
		.is-right-sidebar {
			max-width: unset;
			grid-area: isrightsidebar;
		}
	}

@container container (width > 1024px) {
		.is-right-sidebar {
			max-width: 320px;
			grid-area: isrightsidebar;
		}
	}

@container container (width > 1280px) {
		.is-right-sidebar {
			max-width: 320px;
			grid-area: isrightsidebar;
			margin-left: auto;
		}
	}

.is-left-sidebar {
		width: 100%;
		padding: 2rem;
	}

@container container (width < 767px) {
		.is-left-sidebar {
			max-width: unset;
			grid-area: isleftsidebar;
		}
	}

@container container (width > 768px) {
		.is-left-sidebar {
			max-width: unset;
			grid-area: isleftsidebar;
		}
	}

@container container (width > 1024px) {
		.is-left-sidebar {
			max-width: 320px;
			grid-area: isleftsidebar;
		}
	}

@container container (width > 1280px) {
		.is-left-sidebar {
			max-width: 320px;
			grid-area: isleftsidebar;
		}
	}

/*--------------------------------------------------------------
## One Container
--------------------------------------------------------------*/

.one-container.right-sidebar .site-main,
.one-container.both-right .site-main {}

.one-container.left-sidebar .site-main,
.one-container.both-left .site-main {}

.one-container.both-sidebars .site-main {}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {}

.one-container .site-content {}

/*--------------------------------------------------------------
## Separate Containers
--------------------------------------------------------------*/

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation {
	padding: 0;
}

.separate-containers .site-main {
	margin: 0;
}

.separate-containers.no-sidebar .site-main {
	margin-left: 0;
	margin-right: 0;
}

.separate-containers.right-sidebar .site-main,
.separate-containers.both-right .site-main {
	margin-left: 0;
}

.separate-containers.left-sidebar .site-main,
.separate-containers.both-left .site-main {
	margin-right: 0;
}

.separate-containers .inside-right-sidebar,
.separate-containers .inside-left-sidebar {
	margin-top: 0;
	margin-bottom: 0;
}

.inside-page-header {
	padding: 0;
}

.widget-area .main-navigation {
	margin-bottom: 0;
}

.separate-containers .site-main > *:last-child,
.one-container .site-main > *:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## Full Width Content
--------------------------------------------------------------*/

.full-width-content .container.grid-container {
	max-width: 100%;
}

.full-width-content.no-sidebar.separate-containers .site-main {
	margin: 0;
}

.full-width-content.separate-containers .inside-article,
.full-width-content.one-container .site-content {
	padding: 0;
}

.full-width-content .entry-content .alignwide {
	margin-left: 0;
	width: auto;
	max-width: unset;
}

/*--------------------------------------------------------------
## Contained Content
--------------------------------------------------------------*/

.contained-content.separate-containers .inside-article,
.contained-content.one-container .site-content {
	padding: 0;
}

/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/

.sidebar .grid-container {
	max-width: 100%;
	width: 100%;
}

.left-sidebar .sidebar,
.both-left .is-left-sidebar,
.both-sidebars .is-left-sidebar {
	order: -10;
}

.both-left .is-right-sidebar {
	order: -5;
}

.both-right .is-left-sidebar {
	order: 5;
}

.both-right .is-right-sidebar,
.both-sidebars .is-right-sidebar {
	order: 10;
}

/* FOOTER */

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	background-color: #333333;
}

.site-footer .site-info {
	background-color: #333333;
}

.inside-site-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 40px;
}

.site-info {
	text-align: center;
	font-size: 15px;
}

/*--------------------------------------------------------------
# Featured Images
--------------------------------------------------------------*/

.post-image:not(:first-child) {
	margin-top: 2em;
}

.featured-image {
	line-height: 0;
	/* no more weird spacing */
}

.separate-containers .featured-image {
	margin-top: 20px;
}

.separate-containers .inside-article > .featured-image {
	margin-top: 0;
	margin-bottom: 2em;
}

.one-container .inside-article > .featured-image {
	margin-top: 0;
	margin-bottom: 2em;
}

/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/

.gp-icon {
	display: inline-flex;
	align-self: center;
}

.gp-icon svg {
	height: 1em;
	width: 1em;
	top: .125em;
	position: relative;
	fill: currentColor;
}

.icon-menu-bars svg:nth-child(2),
.toggled .icon-menu-bars svg:nth-child(1),
.icon-search svg:nth-child(2),
.close-search .icon-search svg:nth-child(1) {
	display: none;
}

.toggled .icon-menu-bars svg:nth-child(2),
.close-search .icon-search svg:nth-child(2) {
	display: block;
}

.entry-meta .gp-icon {
	margin-right: 0.6em;
	opacity: 0.7;
}

nav.toggled .icon-arrow-left svg {
	transform: rotate(-90deg);
}

nav.toggled .icon-arrow-right svg {
	transform: rotate(90deg);
}

nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg {
	transform: rotate(180deg);
}

nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg {
	transform: rotate(-270deg);
}

nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg {
	transform: rotate(270deg);
}

/*--------------------------------------------------------------
# Compatibility
--------------------------------------------------------------*/

/* Bootstrap fix */

.container.grid-container {}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/

.menu-toggle,
.mobile-bar-items,
.sidebar-nav-mobile {
	display: none;
}

.menu-toggle {
	padding: 0 20px;
	line-height: 60px;
	margin: 0;
	font-weight: normal;
	text-transform: none;
	font-size: 15px;
	cursor: pointer;
}

.menu-toggle .mobile-menu {
	padding-left: 3px;
}

.menu-toggle .gp-icon + .mobile-menu {
	padding-left: 9px;
}

.menu-toggle .mobile-menu:empty {
	display: none;
}

button.menu-toggle {
	background-color: transparent;
	flex-grow: 1;
	border: 0;
	text-align: center;
}

button.menu-toggle:hover, button.menu-toggle:active, button.menu-toggle:focus {
	background-color: transparent;
}

.has-menu-bar-items button.menu-toggle {
	flex-grow: 0;
}

nav.toggled ul ul.sub-menu {
	width: 100%;
}

.toggled .menu-item-has-children .dropdown-menu-toggle {
	padding-left: 20px;
}

.main-navigation.toggled .main-nav {
	flex-basis: 100%;
	order: 3;
}

.main-navigation.toggled .main-nav > ul {
	display: block;
}

.main-navigation.toggled .main-nav li {
	width: 100%;
	text-align: left;
}

.main-navigation.toggled .main-nav ul ul {
	transition: 0s;
	visibility: hidden;
	box-shadow: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.main-navigation.toggled .main-nav ul ul li:last-child > ul {
	border-bottom: 0;
}

.main-navigation.toggled .main-nav ul ul.toggled-on {
	position: relative;
	top: 0;
	left: auto !important;
	right: auto !important;
	width: 100%;
	pointer-events: auto;
	height: auto;
	opacity: 1;
	display: block;
	visibility: visible;
	float: none;
}

.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
	float: right;
}

.mobile-menu-control-wrapper {
	display: none;
	margin-left: auto;
	align-items: center;
}

.has-inline-mobile-toggle #site-navigation.toggled {
	margin-top: 1.5em;
}

.has-inline-mobile-toggle #site-navigation.has-active-search {
	margin-top: 1.5em;
}

.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active {
	position: relative;
}

.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input {
	outline: auto;
}

.nav-float-left .mobile-menu-control-wrapper {
	order: -10;
	margin-left: 0;
	margin-right: auto;
	flex-direction: row-reverse;
}

/*--------------------------------------------------------------
## Breakpoint (768px)
--------------------------------------------------------------*/

@media (max-width: 768px) {
	.hide-on-mobile {
		display: none !important;
	}
	/*--------------------------------------------------------------
	## Links
	--------------------------------------------------------------*/
	a, body, button, input, select, textarea {
		transition: all 0s ease-in-out;
	}
	/*--------------------------------------------------------------
	## Header
	--------------------------------------------------------------*/
	.inside-header {
		flex-direction: column;
		text-align: center;
	}
	.site-header .header-widget {
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	/*--------------------------------------------------------------
	## Content Area
	--------------------------------------------------------------*/
	.site-content {
		flex-direction: column;
	}
	.container .site-content .content-area {
		width: auto;
	}
	.is-left-sidebar.sidebar,
	.is-right-sidebar.sidebar {
		width: auto;
		order: initial;
	}
	.is-left-sidebar + .is-right-sidebar .inside-right-sidebar {
		margin-top: 0;
	}
	.both-right .inside-left-sidebar,
	.both-left .inside-left-sidebar,
	.both-right .inside-right-sidebar,
	.both-left .inside-right-sidebar {
		margin-right: 0;
		margin-left: 0;
	}
	#main {
		margin-left: 0;
		margin-right: 0;
	}
	body:not(.no-sidebar) #main {
		margin-bottom: 0;
	}
	.alignleft,
	.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.comment .children {
		padding-left: 10px;
		margin-left: 0;
	}
	.entry-meta {
		font-size: inherit;
	}
	.entry-meta a {
		line-height: 1.8em;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.hide-on-tablet {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.hide-on-desktop {
		display: none !important;
	}
}

/* SELECTORS */

.black {
	color: var(--black);
}

.darker {
	color: var(--darker);
}

.dark {
	color: var(--dark);
}

.mid {
	color: var(--mid);
}

.light {
	color: var(--light);
}

.lighter {
	color: var(--lighter);
}

.lightest {
	color: var(--lightest);
}

.white {
	color: var(--white);
}

.bg-black {
	background-color: var(--black);
}

.bg-darker {
	background-color: var(--darker);
}

.bg-dark {
	background-color: var(--dark);
}

.bg-mid {
	background-color: var(--mid);
}

.bg-light {
	background-color: var(--light);
}

.bg-lighter {
	background-color: var(--lighter);
}

.bg-lightest {
	background-color: var(--lightest);
}

.bg-lightest2x {
	background-color: var(--lightest2x);
}

.bg-lightest3x {
	background-color: var(--lightest3x);
}

.bg-white {
	background-color: var(--white);
}

.font-serif {
	font-family: var(--font-serif);
}

.font-sansserif {
	font-family: var(--font-sansserif);
}

.tiny3x {
  font-size: var(--size-tiny3x);
  line-height: var(--leading-tiny3x);
}

.tiny2x {
  font-size: var(--size-tiny2x);
  line-height: var(--leading-tiny2x);
}

.tiny {
  font-size: var(--size-tiny);
  line-height: var(--leading-tiny);
}

.smaller {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
}

.small,
h6 {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

.base {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

@media (min-width: 832px) {

  .base {
    font-size: var(--size-base);
    line-height: var(--leading-base);
  }
}

.main,
h5 {
  font-size: var(--size-base);
  line-height: var(--leading-base);
}

@media (min-width: 832px) {

  .main,
h5 {
    font-size: var(--size-main);
    line-height: var(--leading-main);
  }
}

.medium,
h4 {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .medium,
h4 {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.medium2x,
h3 {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .medium2x,
h3 {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.medium3x {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .medium3x {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

@media (min-width: 1088px) {

  .medium3x {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

.medium4x {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 832px) {

  .medium4x {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 1088px) {

  .medium4x {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

.large,
h2 {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .large,
h2 {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .large,
h2 {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .large,
h2 {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.larger,
h1 {
  font-size: var(--size-medium3x);
  line-height: var(--leading-medium3x);
}

@media (min-width: 512px) {

  .larger,
h1 {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 832px) {

  .larger,
h1 {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

@media (min-width: 1088px) {

  .larger,
h1 {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

.largest {
  font-size: var(--size-medium4x);
  line-height: var(--leading-medium4x);
}

@media (min-width: 512px) {

  .largest {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

@media (min-width: 832px) {

  .largest {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

@media (min-width: 1088px) {

  .largest {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

.huge {
  font-size: var(--size-large);
  line-height: var(--leading-large);
}

@media (min-width: 512px) {

  .huge {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

@media (min-width: 832px) {

  .huge {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

@media (min-width: 1088px) {

  .huge {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

.huge2x {
  font-size: var(--size-larger);
  line-height: var(--leading-larger);
}

@media (min-width: 512px) {

  .huge2x {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

@media (min-width: 832px) {

  .huge2x {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

@media (min-width: 1088px) {

  .huge2x {
    font-size: var(--size-huge2x);
    line-height: var(--leading-huge2x);
  }
}

.huge3x {
  font-size: var(--size-largest);
  line-height: var(--leading-largest);
}

@media (min-width: 512px) {

  .huge3x {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

@media (min-width: 832px) {

  .huge3x {
    font-size: var(--size-huge2x);
    line-height: var(--leading-huge2x);
  }
}

@media (min-width: 1088px) {

  .huge3x {
    font-size: var(--size-huge3x);
    line-height: var(--leading-huge3x);
  }
}

.title {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .title {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.title {
	font-weight: 800;
	letter-spacing: -0.05em;
	margin-bottom: 0;
}

.mediumset .title {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .mediumset .title {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.medium2set .title {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .medium2set .title {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.medium3set .title {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 832px) {

  .medium3set .title {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 1088px) {

  .medium3set .title {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

.largeset .title {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .largeset .title {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .largeset .title {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .largeset .title {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.large2set .title {
  font-size: var(--size-medium3x);
  line-height: var(--leading-medium3x);
}

@media (min-width: 512px) {

  .large2set .title {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 832px) {

  .large2set .title {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

@media (min-width: 1088px) {

  .large2set .title {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

.large3set .title {
  font-size: var(--size-medium4x);
  line-height: var(--leading-medium4x);
}

@media (min-width: 512px) {

  .large3set .title {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

@media (min-width: 832px) {

  .large3set .title {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

@media (min-width: 1088px) {

  .large3set .title {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

.hugeset .title {
  font-size: var(--size-large);
  line-height: var(--leading-large);
}

@media (min-width: 512px) {

  .hugeset .title {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

@media (min-width: 832px) {

  .hugeset .title {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

@media (min-width: 1088px) {

  .hugeset .title {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

.huge2set .title {
  font-size: var(--size-larger);
  line-height: var(--leading-larger);
}

@media (min-width: 512px) {

  .huge2set .title {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

@media (min-width: 832px) {

  .huge2set .title {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

@media (min-width: 1088px) {

  .huge2set .title {
    font-size: var(--size-huge2x);
    line-height: var(--leading-huge2x);
  }
}

.subtitle {
  font-size: var(--size-small);
  line-height: var(--leading-small);
	font-weight: 800;
	letter-spacing: -0.05em;
	margin-bottom: 0;
}

.mediumset .subtitle {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

.medium2set .subtitle {
  font-size: var(--size-base);
  line-height: var(--leading-base);
}

@media (min-width: 832px) {

  .medium2set .subtitle {
    font-size: var(--size-main);
    line-height: var(--leading-main);
  }
}

.medium3set .subtitle {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .medium3set .subtitle {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.largeset .subtitle {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .largeset .subtitle {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.large2set .subtitle {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 832px) {

  .large2set .subtitle {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 1088px) {

  .large2set .subtitle {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

.large3set .subtitle {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .large3set .subtitle {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .large3set .subtitle {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .large3set .subtitle {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.hugeset .subtitle {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .hugeset .subtitle {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .hugeset .subtitle {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .hugeset .subtitle {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.huge2set .subtitle {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .huge2set .subtitle {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .huge2set .subtitle {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .huge2set .subtitle {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.summary {
  font-size: var(--size-base);
  line-height: var(--leading-base);
}

@media (min-width: 832px) {

  .summary {
    font-size: var(--size-main);
    line-height: var(--leading-main);
  }
}

.summary {
	font-weight: 200;
	margin-bottom: 0;
}

.mediumset .summary {
  font-size: var(--size-base);
  line-height: var(--leading-base);
}

@media (min-width: 832px) {

  .mediumset .summary {
    font-size: var(--size-main);
    line-height: var(--leading-main);
  }
}

.medium2set .summary {
  font-size: var(--size-base);
  line-height: var(--leading-base);
}

@media (min-width: 832px) {

  .medium2set .summary {
    font-size: var(--size-main);
    line-height: var(--leading-main);
  }
}

.medium3set .summary {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .medium3set .summary {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.largeset .summary {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .largeset .summary {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.large2set .summary {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .large2set .summary {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.large3set .summary {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .large3set .summary {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.hugeset .summary {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .hugeset .summary {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.huge2set .summary {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .huge2set .summary {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .huge2set .summary {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .huge2set .summary {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.feature .title {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .feature .title {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.feature .title {
	font-weight: 700;
	margin-bottom: 0;
}

.feature.tinyset .title {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
		line-height: 1.125;
}

.feature.smallerset .title {
  font-size: var(--size-small);
  line-height: var(--leading-small);
		line-height: 1.125;
}

.feature.smallset .title {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

@media (min-width: 832px) {

  .feature.smallset .title {
    font-size: var(--size-base);
    line-height: var(--leading-base);
  }
}

.feature.smallset .title {
		line-height: 1.125;
	}

.feature.mainset .title {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .feature.mainset .title {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.feature.mainset .title {
		line-height: 1.125;
	}

.feature.mediumset .title {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .feature.mediumset .title {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.feature.mediumset .title {
		line-height: 1.125;
	}

.feature.medium2xset .title {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .feature.medium2xset .title {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

@media (min-width: 1088px) {

  .feature.medium2xset .title {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

.feature.medium2xset .title {
		line-height: 1.125;
	}

.feature.largeset .title {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .feature.largeset .title {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .feature.largeset .title {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .feature.largeset .title {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.feature.largeset .title {
		line-height: 1.125;
	}

.feature.largerset .title {
  font-size: var(--size-medium3x);
  line-height: var(--leading-medium3x);
}

@media (min-width: 512px) {

  .feature.largerset .title {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 832px) {

  .feature.largerset .title {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

@media (min-width: 1088px) {

  .feature.largerset .title {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

.feature.hugeset .title {
  font-size: var(--size-large);
  line-height: var(--leading-large);
}

@media (min-width: 512px) {

  .feature.hugeset .title {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

@media (min-width: 832px) {

  .feature.hugeset .title {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

@media (min-width: 1088px) {

  .feature.hugeset .title {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

.feature.hugeset .title {
  font-size: var(--size-large);
  line-height: var(--leading-large);
}

@media (min-width: 512px) {

  .feature.hugeset .title {
    font-size: var(--size-larger);
    line-height: var(--leading-larger);
  }
}

@media (min-width: 832px) {

  .feature.hugeset .title {
    font-size: var(--size-largest);
    line-height: var(--leading-largest);
  }
}

@media (min-width: 1088px) {

  .feature.hugeset .title {
    font-size: var(--size-huge);
    line-height: var(--leading-huge);
  }
}

.feature .summary {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .feature .summary {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.feature .summary {
	font-weight: 300;
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.feature.tinyset .summary {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
}

.feature.smallerset .summary {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

.feature.smallset .summary {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

@media (min-width: 832px) {

  .feature.smallset .summary {
    font-size: var(--size-base);
    line-height: var(--leading-base);
  }
}

.feature .cta {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .feature .cta {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.feature .cta {
	font-weight: 500;
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.indentx {
	margin-left: 1.5em;
}

.noindent {
	margin-left: 0;
}

ul.noindent,
ol.noindent {
	margin-left: 0;
}

ul.indent,
ol.indent {
	margin-left: 1.5em;
}

.indent-px {
  margin-left: 1px;
}

.indent-line {
  margin-left: var(--size-line);
}

.indent-line2x {
  margin-left: var(--size-line2x);
}

.indent-tiny3x {
  margin-left: var(--size-tiny3x);
}

.indent-tiny2x {
  margin-left: var(--size-tiny2x);
}

.indent-tiny {
  margin-left: var(--size-tiny);
}

.indent-smaller {
  margin-left: var(--size-smaller);
}

.indent-small {
  margin-left: var(--size-small);
}

.indent-base {
  margin-left: var(--size-base);
}

.indent-main {
  margin-left: var(--size-main);
}

.indent {
  margin-left: var(--size-default);
}

.indent-medium {
  margin-left: var(--size-medium);
}

.indent-medium2x {
  margin-left: var(--size-medium2x);
}

.indent-medium3x {
  margin-left: var(--size-medium3x);
}

.indent-medium4x {
  margin-left: var(--size-medium4x);
}

.indent-large {
  margin-left: var(--size-large);
}

.indent-larger {
  margin-left: var(--size-larger);
}

.indent-largest {
  margin-left: var(--size-largest);
}

.indent-huge {
  margin-left: var(--size-huge);
}

.indent-huge2x {
  margin-left: var(--size-huge2x);
}

.indent-huge3x {
  margin-left: var(--size-huge3x);
}

.noindent {
  margin-left: 0px;
}

@media (max-width: 512px) {

	.noindent-smallscreen {
    margin-left: 0px;
  }

}

@media (min-width: 512px) {}

@media (min-width: 832px) {}

@media (min-width: 1088px) {}

.intro {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .intro {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.intro {
	font-weight: 300;
}

.intro2x {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .intro2x {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.intro2x {
	font-weight: 300;
}

.intro3x {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .intro3x {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .intro3x {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .intro3x {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.intro3x {
	font-weight: 300;
}

.level1 > .headline {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 512px) {

  .level1 > .headline {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 832px) {

  .level1 > .headline {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

@media (min-width: 1088px) {

  .level1 > .headline {
    font-size: var(--size-large);
    line-height: var(--leading-large);
  }
}

.level1 > .headline {
	font-weight: 700;
}

.level1 > .intro {
  font-size: var(--size-medium2x);
  line-height: var(--leading-medium2x);
}

@media (min-width: 832px) {

  .level1 > .intro {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

@media (min-width: 1088px) {

  .level1 > .intro {
    font-size: var(--size-medium4x);
    line-height: var(--leading-medium4x);
  }
}

.level1 > .intro {
	font-weight: 300;
}

.level2 > .headline {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .level2 > .headline {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

@media (min-width: 1088px) {

  .level2 > .headline {
    font-size: var(--size-medium3x);
    line-height: var(--leading-medium3x);
  }
}

.level2 > .headline {
	font-weight: 700;
}

.level2 > .intro {
  font-size: var(--size-medium);
  line-height: var(--leading-medium);
}

@media (min-width: 832px) {

  .level2 > .intro {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.level2 > .intro {
	font-weight: 300;
}

.level3 > .headline {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .level3 > .headline {
    font-size: var(--size-medium2x);
    line-height: var(--leading-medium2x);
  }
}

.level3 > .headline {
	font-weight: 700;
}

.level3 > .intro {
  font-size: var(--size-main);
  line-height: var(--leading-main);
}

@media (min-width: 832px) {

  .level3 > .intro {
    font-size: var(--size-medium);
    line-height: var(--leading-medium);
  }
}

.level3 > .intro {
	font-weight: 300;
}

.level4 > .headline {
  font-size: var(--size-small);
  line-height: var(--leading-small);
	font-weight: 700;
}

.level4 > .intro {
  font-size: var(--size-small);
  line-height: var(--leading-small);
	font-weight: 300;
}

.level4 > p,
.level4 > li,
.level4 > ol {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
}

.level5 > .headline {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
	font-weight: 700;
}

.level5 > .intro {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
	font-weight: 300;
}

.level5 > p,
.level5 > li,
.level5 > ol {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
}

.level1.lead {
  margin-top: var(--size-large);
}

.level2.lead {
  margin-top: var(--size-medium3x);
}

.level3.lead {
  margin-top: var(--size-medium2x);
}

.level4.lead {
  margin-top: var(--size-main);
}

.level5.lead {
  margin-top: var(--size-small);
}

.ls-main {
	letter-spacing: var(--letters-main);
}

.medium3x,
.medium4x,
.large,
h2,
.larger,
h1,
.largest,
.huge,
.huge2x,
.huge3x {
	letter-spacing: -0.05em;
}

.font-serif,
.ls-serif {
	letter-spacing: -0.09em;
}

.font-sansserif,
.ls-sansserif {
	letter-spacing: -0.05em;
}

.ls-tighter {
	letter-spacing: -0.05em;
}

.ls-tight {
	letter-spacing: -0.25em;
}

.ls-normal {
	letter-spacing: 0em;
}

.ls-wide {
	letter-spacing: 0.025em;
}

.ls-wider {
	letter-spacing: 0.05em;
}

.ls-widest {
	letter-spacing: 1em;
}

.lh-none {
	line-height: 1;
}

.lh-tight {
	line-height: 1.25;
}

.lh-snug {
	line-height: 1.375;
}

.lh-normal {
	line-height: 1.5;
}

.lh-relaxed {
	line-height: 1.625;
}

.lh-loose {
	line-height: 2;
}

.thinnest {
	font-weight: 100;
}

.thinner {
	font-weight: 200;
}

.thin,
.thinnest > strong {
	font-weight: 300;
}

.fit,
.thinner > strong {
	font-weight: 400;
}

.thick,
.thin > strong {
	font-weight: 500;
}

.semibold,
.fit > strong {
	font-weight: 600;
}

.bold,
.thick > strong {
	font-weight: 700;
}

.extrabold,
.bold > strong,
.semibold > strong {
	font-weight: 800;
}

.boldest,
.extrabold > strong,
.boldest > strong {
	font-weight: 900;
}

.alignwide,
.entry-content .alignwide {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 1088px) {

        .alignwide,
        .entry-content .alignwide,
        .widesection {
            margin-left: calc(var(--size-edges) * -1);
            width: calc(100% + calc(var(--size-edges) * 2));
            max-width: calc(100% + calc(var(--size-edges) * 2));
        }
    }

.alignfull,
.entry-content .alignfull,
.fullsection {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
}

.section-fullwidth {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
}

.inner-tiny {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

.inner-small {
  margin-left: auto;
  margin-right: auto;
  max-width: 512px;
}

.inner-medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
}

.inner-mediumx {
  margin-left: auto;
  margin-right: auto;
  max-width: 832px;
}

.inner-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}

.inner-largex {
  margin-left: auto;
  margin-right: auto;
  max-width: 1088px;
}

.inner-larger {
  margin-left: auto;
  margin-right: auto;
  max-width: 1136px;
}

.inner-largerx {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

.inner-maxscreen {
  margin-left: auto;
  margin-right: auto;
  max-width: 2560px;
}

.section-full-tiny,
.section-full-small,
.section-full-medium,
.section-full-mediumx,
.section-full-large,
.section-full-largex,
.section-full-larger,
.section-full-largerx,
.section-full-maxscreen {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
}

.section-full-tiny > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

.section-full-small > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 512px;
}

.section-full-medium > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
}

.section-full-mediumx > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 832px;
}

.section-full-large > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}

.section-full-largex > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1088px;
}

.section-full-larger > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1136px;
}

.section-full-largerx > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

.section-full-maxscreen > .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 2560px;
}

@media (max-width: 512px) {}

@media (min-width: 512px) {}

@media (min-width: 832px) {}

@media (min-width: 1088px) {}

.mainside,
.sidemain {
	display: grid;
    grid-template-columns: 1fr;
	grid-row-gap: 1.5rem;
}

@media (min-width: 1088px) {
	.mainside,
	.sidemain {
		display: grid;
    	grid-column-gap: 1.5rem;
	}
	.mainside {
    	grid-template-columns: 3fr 1fr;
	}
	.sidemain {
    	grid-template-columns: 1fr 3fr;
	}

	.mainside.mainside-11,
	.sidemain.sidemain-11 {
		grid-template-columns: 1fr 1fr;
	}

	.mainside.mainside-12,
	.sidemain.sidemain-12 {
		grid-template-columns: 1fr 2fr;
	}

	.mainside.mainside-21,
	.sidemain.sidemain-21 {
		grid-template-columns: 2fr 1fr;
	}

	.mainside.mainside-13,
	.sidemain.sidemain-13 {
		grid-template-columns: 1fr 3fr;
	}
	.mainside.mainside-31,
	.sidemain.sidemain-31 {
		grid-template-columns: 3fr 1fr;
	}

	.mainside.mainside-23,
	.sidemain.sidemain-23 {
		grid-template-columns: 2fr 3fr;
	}
	.mainside.mainside-32,
	.sidemain.sidemain-32 {
		grid-template-columns: 3fr 2fr;
	}

	.mainside.mainside-14,
	.sidemain.sidemain-14 {
		grid-template-columns: 1fr 4fr;
	}
	.mainside.mainside-41,
	.sidemain.sidemain-41 {
		grid-template-columns: 4fr 1fr;
	}

	.mainside.mainside-15,
	.sidemain.sidemain-15 {
		grid-template-columns: 1fr 5fr;
	}
	.mainside.mainside-51,
	.sidemain.sidemain-51 {
		grid-template-columns: 5fr 1fr;
	}
}

.mainside > .main,
	.sidemain > .main {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

@media (min-width: 1088px) {
		.mainside > .main,
		.sidemain > .main {
			max-width: unset;
			margin-right: 0;
			margin-left: 0;
		}
	}

.mainside > .side,
	.sidemain > .side {
		width: 100%;
		max-width: 320px;
		margin-right: auto;
		margin-left: 0;
	}

@media (min-width: 1088px) {
		.mainside > .side,
		.sidemain > .side {
			max-width: unset;
			margin-right: 0;
			margin-left: 0;
		}
	}

.mainside > .side.sideline {
		border-top: 1px solid var(--lightest);
		max-width: unset;
		padding-top: 1.5rem;
	}

.sidemain > .side.sideline {
		border-bottom: 1px solid var(--lightest);
		max-width: unset;
		padding-bottom: 1.5rem;
	}

@media (min-width: 1088px) {
		.mainside > .side.sideline {
			border-top: 0;
			border-left: 1px solid var(--lightest);
			padding-left: 1.5rem;
			padding-top: 0;
		}
		.sidemain > .side.sideline {
			border-bottom: 0;
			border-right: 1px solid var(--lightest);
			padding-right: 1.5rem;
			padding-bottom: 0;
		}
	}

.mediainfo {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: 
		"media"
		"info";
}

.mediainfo.mediainfo-vertical
.infomedia.mediainfo-vertical {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-areas: 
		"media"
		"info";
}

.infomedia {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: 
		"info"
		"media";
}

.infomedia.infomedia-vertical,
.mediainfo.infomedia-vertical {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-areas: 
		"info"
		"media";
}

.mediainfo.gap,
.infomedia.gap {
	grid-row-gap: 1.5rem;
}

@media (min-width: 512px) {}

@media (min-width: 832px) {

		.mediainfo {
			grid-template-columns: 1fr 1fr;
			grid-template-areas: 
				"media info";
		}
		.mediainfo.mediainfo-vertical,
		.mediainfo.infomedia-vertical {
			grid-template-columns: 1fr;
			grid-template-rows: auto 1fr;
			grid-template-areas: 
				"media" 
				"info";
		}
		.infomedia {
			grid-template-columns: 1fr 1fr;
			grid-template-areas: 
				"info media";
		}
		.infomedia.infomedia-vertical {
			grid-template-columns: 1fr;
			grid-template-rows: auto 1fr;
			grid-template-areas: 
				"info"
				"media";
		}

		.mediainfo.overlap,
		.infomedia.overlap {
			grid-template-columns: auto;
			grid-template: "infomedia";
		}
			.mediainfo.overlap > .media,
			.infomedia.overlap > .media,
			.mediainfo.overlap > .info,
			.infomedia.overlap > .info {
				grid-area: infomedia;
			}

		.mediainfo.gap,
		.infomedia.gap {
			grid-column-gap: 1.5rem;
		}

		.mediainfo.third,
		.infomedia.third {
			grid-template-columns: 1fr 2fr;
		}
		.mediainfo.fourth,
		.infomedia.fourth {
			grid-template-columns: 1fr 3fr;
		}
		.mediainfo.fifth,
		.infomedia.fifth {
			grid-template-columns: 1fr 4fr;
		}
		.mediainfo.twothird,
		.infomedia.twothird {
			grid-template-columns: 2fr 1fr;
		}
		.mediainfo.threefourth,
		.infomedia.threefourth {
			grid-template-columns: 3fr 1fr;
		}
		.mediainfo.fourfifth,
		.infomedia.fourfifth {
			grid-template-columns: 4fr 1fr;
		}

		.mediainfo.spread,
		.infomedia.spread {
			grid-template-columns: 1fr minmax(auto, 416px) minmax(auto, 416px) 1fr;
		}
		.mediainfo.spread .media,
		.infomedia.spread .info {
			display: inline-grid;
			grid-column-start: 1;
			grid-column-end: 3;
			align-content: start;
		}
		.mediainfo.spread .info,
		.infomedia.spread .media {
			display: inline-grid;
			grid-column-start: 3;
			grid-column-end: 5;
			align-content: start;
		}
		.mediainfo.spread .media.align-center,
		.infomedia.spread .info.align-center {
			align-content: center;
		}
		.mediainfo.spread .media.nospread,
		.infomedia.spread .info.nospread {
			display: inline-grid;
			grid-column-start: 2;
			grid-column-end: 3;
		}
		.mediainfo.spread .info.nospread,
		.infomedia.spread .media.nospread {
			display: inline-grid;
			grid-column-start: 3;
			grid-column-end: 4;
		}

		.mediainfo.spread.maxwidth-medium,
		.infomedia.spread.maxwidth-medium {
			grid-template-columns: 1fr minmax(auto, 384px) minmax(auto, 384px) 1fr;
		}

	}

@media (min-width: 1088px) {

		.mediainfo.spread,
		.infomedia.spread {
			grid-template-columns: 1fr minmax(auto, 544px) minmax(auto, 544px) 1fr;
		}

		.mediainfo.spread.maxwidth-mediumx,
		.infomedia.spread.maxwidth-mediumx {
			grid-template-columns: 1fr minmax(auto, 416px) minmax(auto, 416px) 1fr;
		}
		.mediainfo.spread.maxwidth-large,
		.infomedia.spread.maxwidth-large {
			grid-template-columns: 1fr minmax(auto, 512px) minmax(auto, 512px) 1fr;
		}

	}

@media (min-width: 1136px) {

		.mediainfo.spread.maxwidth-largex,
		.infomedia.spread.maxwidth-largex {
			grid-template-columns: 1fr minmax(auto, 544px) minmax(auto, 544px) 1fr;
		}
		.mediainfo.spread.maxwidth-larger,
		.infomedia.spread.maxwidth-larger {
			grid-template-columns: 1fr minmax(auto, 640px) minmax(auto, 640px) 1fr;
		}
		.mediainfo.spread.maxwidth-2k,
		.infomedia.spread.maxwidth-2k {
			grid-template-columns: 1fr minmax(auto, 1000px) minmax(auto, 1000px) 1fr;
		}
	}

.mediainfo .info.edges,
.mediainfo .media.edges,
.infomedia .info.edges,
.infomedia .media.edges {
	padding: 32px;
}

.info {
	grid-area: info;
}

.media {
	grid-area: media;
}

.outline {
	outline: var(--light) solid 1px;
}

.outline2x {
		outline: var(--light) solid 2px;
	}

.outline5x {
		outline: var(--light) solid 5px;
	}

.outline-dashed {
	outline: var(--light) dashed 1px;
}

.outline2x-dashed {
		outline: var(--light) dashed 2px;
	}

.outline5x-dashed {
		outline: var(--light) dashed 5px;
	}

.outline-white {
	outline-color: var(--white);
}

.outline-lightest {
	outline-color: var(--lightest);
}

.outline-lighter {
	outline-color: var(--lighter);
}

.outline-light {
	outline-color: var(--light);
}

.outline-mid {
	outline-color: var(--mid);
}

.outline-dark {
	outline-color: var(--dark);
}

.outline-darker {
	outline-color: var(--darker);
}

.outline-black {
	outline-color: var(--black);
}

.shadow {
	box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
}

.edges {
  padding: var(--size-edges);
}

@media (max-width: 1280px) {
		.noedges-edges {
    padding: 0;
  }
		.edges-noedges {
    padding: var(--size-edges);
  }		
	}

@media (min-width: 1280px) {
		.noedges-edges {
    padding: var(--size-edges);
  }
		.edges-noedges {
    padding: 0;
  }
	}

.edges-px {
  padding: 1px;
}

.edges-line {
  padding: var(--size-line);
}

.edges-line2x {
  padding: var(--size-line2x);
}

.edges-tiny3x {
  padding: var(--size-tiny3x);
}

.edges-tiny2x {
  padding: var(--size-tiny2x);
}

.edges-tiny {
  padding: var(--size-tiny);
}

.edges-smaller {
  padding: var(--size-smaller);
}

.edges-small {
  padding: var(--size-small);
}

.edges-base {
  padding: var(--size-base);
}

.edges-main {
  padding: var(--size-main);
}

.edges-medium {
  padding: var(--size-medium);
}

.edges-medium2x {
  padding: var(--size-medium2x);
}

.edges-medium3x {
  padding: var(--size-medium3x);
}

.edges-medium4x {
  padding: var(--size-medium4x);
}

.edges-large {
  padding: var(--size-large);
}

.edges-larger {
  padding: var(--size-larger);
}

.edges-largest {
  padding: var(--size-largest);
}

.edges-huge {
  padding: var(--size-huge);
}

.edges-huge2x {
  padding: var(--size-huge2x);
}

.edges-huge3x {
  padding: var(--size-huge3x);
}

.edges-v {
  padding-top: var(--size-edges);
  padding-bottom: var(--size-edges);
}

@media (max-width: 1280px) {
		.noedgesv-edgesv {
    padding-top: 0;
    padding-bottom: 0;
  }
		.edgesv-noedgesv {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvhuge {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvmedium {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvmedium2x {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvmedium3x {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvmedium4x {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvlarge {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvlarger {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
		.edgesv-edgesvlargest {
    padding-top: var(--size-edges);
    padding-bottom: var(--size-edges);
  }
	}

@media (min-width: 1280px) {
		.edgesv-noedgesv {
    padding-top: 0;
    padding-bottom: 0;
  }
		.noedgesv-edgesv {
    padding-top: 0;
    padding-bottom: 0;
  }
		.edgesv-edgesvmedium {
    padding-top: var(--size-medium);
    padding-bottom: var(--size-medium);
  }
		.edgesv-edgesvmedium2x {
    padding-top: var(--size-medium2x);
    padding-bottom: var(--size-medium2x);
  }
		.edgesv-edgesvmedium3x {
    padding-top: var(--size-medium3x);
    padding-bottom: var(--size-medium3x);
  }
		.edgesv-edgesvmedium4x {
    padding-top: var(--size-medium4x);
    padding-bottom: var(--size-medium4x);
  }
		.edgesv-edgesvlarge {
    padding-top: var(--size-large);
    padding-bottom: var(--size-large);
  }
		.edgesv-edgesvlarger {
    padding-top: var(--size-larger);
    padding-bottom: var(--size-larger);
  }
		.edgesv-edgesvlargest {
    padding-top: var(--size-largest);
    padding-bottom: var(--size-largest);
  }
		.edgesv-edgesvhuge {
    padding-top: var(--size-huge);
    padding-bottom: var(--size-huge);
  }
	}

.edges-v-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.edges-v-line {
  padding-top: var(--size-line);
  padding-bottom: var(--size-line);
}

.edges-v-line2x {
  padding-top: var(--size-line2x);
  padding-bottom: var(--size-line2x);
}

.edges-v-tiny3x {
  padding-top: var(--size-tiny3x);
  padding-bottom: var(--size-tiny3x);
}

.edges-v-tiny2x {
  padding-top: var(--size-tiny2x);
  padding-bottom: var(--size-tiny2x);
}

.edges-v-tiny {
  padding-top: var(--size-tiny);
  padding-bottom: var(--size-tiny);
}

.edges-v-smaller {
  padding-top: var(--size-smaller);
  padding-bottom: var(--size-smaller);
}

.edges-v-small {
  padding-top: var(--size-small);
  padding-bottom: var(--size-small);
}

.edges-v-base {
  padding-top: var(--size-base);
  padding-bottom: var(--size-base);
}

.edges-v-main {
  padding-top: var(--size-main);
  padding-bottom: var(--size-main);
}

.edges-v-medium {
  padding-top: var(--size-medium);
  padding-bottom: var(--size-medium);
}

.edges-v-medium2x {
  padding-top: var(--size-medium2x);
  padding-bottom: var(--size-medium2x);
}

.edges-v-medium3x {
  padding-top: var(--size-medium3x);
  padding-bottom: var(--size-medium3x);
}

.edges-v-medium4x {
  padding-top: var(--size-medium4x);
  padding-bottom: var(--size-medium4x);
}

.edges-v-large {
  padding-top: var(--size-large);
  padding-bottom: var(--size-large);
}

.edges-v-larger {
  padding-top: var(--size-larger);
  padding-bottom: var(--size-larger);
}

.edges-v-largest {
  padding-top: var(--size-largest);
  padding-bottom: var(--size-largest);
}

.edges-v-huge {
  padding-top: var(--size-huge);
  padding-bottom: var(--size-huge);
}

.edges-v-huge2x {
  padding-top: var(--size-huge2x);
  padding-bottom: var(--size-huge2x);
}

.edges-v-huge3x {
  padding-top: var(--size-huge3x);
  padding-bottom: var(--size-huge3x);
}

.edges-h {
  padding-right: var(--size-edges);
  padding-left: var(--size-edges);
}

@media (max-width: 1280px) {
		.edgesh-noedgesh {
    padding-right: var(--size-edges);
    padding-left: var(--size-edges);
  }
		.noedgesh-edgesh {
    padding-right: 0;
    padding-left: 0;
  }
	}

@media (min-width: 1280px) {
		.edgesh-noedgesh {
    padding-right: 0;
    padding-left: 0;
  }
		.noedgesh-edgesh {
    padding-right: 0;
    padding-left: 0;
  }
	}

.edges-h-px {
  padding-right: 1px;
  padding-left: 1px;
}

.edges-h-line {
  padding-right: var(--size-line);
  padding-left: var(--size-line);
}

.edges-h-line2x {
  padding-right: var(--size-line2x);
  padding-left: var(--size-line2x);
}

.edges-h-tiny3x {
  padding-right: var(--size-tiny3x);
  padding-left: var(--size-tiny3x);
}

.edges-h-tiny2x {
  padding-right: var(--size-tiny2x);
  padding-left: var(--size-tiny2x);
}

.edges-h-tiny {
  padding-right: var(--size-tiny);
  padding-left: var(--size-tiny);
}

.edges-h-smaller {
  padding-right: var(--size-smaller);
  padding-left: var(--size-smaller);
}

.edges-h-small {
  padding-right: var(--size-small);
  padding-left: var(--size-small);
}

.edges-h-base {
  padding-right: var(--size-base);
  padding-left: var(--size-base);
}

.edges-h-main {
  padding-right: var(--size-main);
  padding-left: var(--size-main);
}

.edges-h-medium {
  padding-right: var(--size-medium);
  padding-left: var(--size-medium);
}

.edges-h-medium2x {
  padding-right: var(--size-medium2x);
  padding-left: var(--size-medium2x);
}

.edges-h-medium3x {
  padding-right: var(--size-medium3x);
  padding-left: var(--size-medium3x);
}

.edges-h-medium4x {
  padding-right: var(--size-medium4x);
  padding-left: var(--size-medium4x);
}

.edges-h-large {
  padding-right: var(--size-large);
  padding-left: var(--size-large);
}

.edges-h-larger {
  padding-right: var(--size-larger);
  padding-left: var(--size-larger);
}

.edges-h-largest {
  padding-right: var(--size-largest);
  padding-left: var(--size-largest);
}

.edges-h-huge {
  padding-right: var(--size-huge);
  padding-left: var(--size-huge);
}

.edges-h-huge2x {
  padding-right: var(--size-huge2x);
  padding-left: var(--size-huge2x);
}

.edges-h-huge3x {
  padding-right: var(--size-huge3x);
  padding-left: var(--size-huge3x);
}

.edges-t {
  padding-top: var(--size-edges);
}

.edges-t-px {
  padding-top: 1px;
}

.edges-t-line {
  padding-top: var(--size-line);
}

.edges-t-line2x {
  padding-top: var(--size-line2x);
}

.edges-t-tiny3x {
  padding-top: var(--size-tiny3x);
}

.edges-t-tiny2x {
  padding-top: var(--size-tiny2x);
}

.edges-t-tiny {
  padding-top: var(--size-tiny);
}

.edges-t-smaller {
  padding-top: var(--size-smaller);
}

.edges-t-small {
  padding-top: var(--size-small);
}

.edges-t-base {
  padding-top: var(--size-base);
}

.edges-t-main {
  padding-top: var(--size-main);
}

.edges-t-medium {
  padding-top: var(--size-medium);
}

.edges-t-medium2x {
  padding-top: var(--size-medium2x);
}

.edges-t-medium3x {
  padding-top: var(--size-medium3x);
}

.edges-t-medium4x {
  padding-top: var(--size-medium4x);
}

.edges-t-large {
  padding-top: var(--size-large);
}

.edges-t-larger {
  padding-top: var(--size-larger);
}

.edges-t-largest {
  padding-top: var(--size-largest);
}

.edges-t-huge {
  padding-top: var(--size-huge);
}

.edges-t-huge2x {
  padding-top: var(--size-huge2x);
}

.edges-t-huge3x {
  padding-top: var(--size-huge3x);
}

.edges-r {
  padding-right: var(--size-edges);
}

.edges-r-px {
  padding-right: 1px;
}

.edges-r-line {
  padding-right: var(--size-line);
}

.edges-r-line2x {
  padding-right: var(--size-line2x);
}

.edges-r-tiny3x {
  padding-right: var(--size-tiny3x);
}

.edges-r-tiny2x {
  padding-right: var(--size-tiny2x);
}

.edges-r-tiny {
  padding-right: var(--size-tiny);
}

.edges-r-smaller {
  padding-right: var(--size-smaller);
}

.edges-r-small {
  padding-right: var(--size-small);
}

.edges-r-base {
  padding-right: var(--size-base);
}

.edges-r-main {
  padding-right: var(--size-main);
}

.edges-r-medium {
  padding-right: var(--size-medium);
}

.edges-r-medium2x {
  padding-right: var(--size-medium2x);
}

.edges-r-medium3x {
  padding-right: var(--size-medium3x);
}

.edges-r-medium4x {
  padding-right: var(--size-medium4x);
}

.edges-r-large {
  padding-right: var(--size-large);
}

.edges-r-larger {
  padding-right: var(--size-larger);
}

.edges-r-largest {
  padding-right: var(--size-largest);
}

.edges-r-huge {
  padding-right: var(--size-huge);
}

.edges-r-huge2x {
  padding-right: var(--size-huge2x);
}

.edges-r-huge3x {
  padding-right: var(--size-huge3x);
}

.edges-b {
  padding-bottom: var(--size-edges);
}

.edges-b-px {
  padding-bottom: 1px;
}

.edges-b-line {
  padding-bottom: var(--size-line);
}

.edges-b-line2x {
  padding-bottom: var(--size-line2x);
}

.edges-b-tiny3x {
  padding-bottom: var(--size-tiny3x);
}

.edges-b-tiny2x {
  padding-bottom: var(--size-tiny2x);
}

.edges-b-tiny {
  padding-bottom: var(--size-tiny);
}

.edges-b-smaller {
  padding-bottom: var(--size-smaller);
}

.edges-b-small {
  padding-bottom: var(--size-small);
}

.edges-b-base {
  padding-bottom: var(--size-base);
}

.edges-b-main {
  padding-bottom: var(--size-main);
}

.edges-b-medium {
  padding-bottom: var(--size-medium);
}

.edges-b-medium2x {
  padding-bottom: var(--size-medium2x);
}

.edges-b-medium3x {
  padding-bottom: var(--size-medium3x);
}

.edges-b-medium4x {
  padding-bottom: var(--size-medium4x);
}

.edges-b-large {
  padding-bottom: var(--size-large);
}

.edges-b-larger {
  padding-bottom: var(--size-larger);
}

.edges-b-largest {
  padding-bottom: var(--size-largest);
}

.edges-b-huge {
  padding-bottom: var(--size-huge);
}

.edges-b-huge2x {
  padding-bottom: var(--size-huge2x);
}

.edges-b-huge3x {
  padding-bottom: var(--size-huge3x);
}

.edges-l {
  padding-left: var(--size-edges);
}

.edges-l-px {
  padding-left: 1px;
}

.edges-l-line {
  padding-left: var(--size-line);
}

.edges-l-line2x {
  padding-left: var(--size-line2x);
}

.edges-l-tiny3x {
  padding-left: var(--size-tiny3x);
}

.edges-l-tiny2x {
  padding-left: var(--size-tiny2x);
}

.edges-l-tiny {
  padding-left: var(--size-tiny);
}

.edges-l-smaller {
  padding-left: var(--size-smaller);
}

.edges-l-small {
  padding-left: var(--size-small);
}

.edges-l-base {
  padding-left: var(--size-base);
}

.edges-l-main {
  padding-left: var(--size-main);
}

.edges-l-medium {
  padding-left: var(--size-medium);
}

.edges-l-medium2x {
  padding-left: var(--size-medium2x);
}

.edges-l-medium3x {
  padding-left: var(--size-medium3x);
}

.edges-l-medium4x {
  padding-left: var(--size-medium4x);
}

.edges-l-large {
  padding-left: var(--size-large);
}

.edges-l-larger {
  padding-left: var(--size-larger);
}

.edges-l-largest {
  padding-left: var(--size-largest);
}

.edges-l-huge {
  padding-left: var(--size-huge);
}

.edges-l-huge2x {
  padding-left: var(--size-huge2x);
}

.edges-l-huge3x {
  padding-left: var(--size-huge3x);
}

.noedges {
  padding: 0;
}

@media (max-width: 512px) {

	.noedges-t-smallscreen {
    padding-top: 0;
  }

	.noedges-r-smallscreen {
    padding-right: 0;
  }

	.noedges-b-smallscreen {
    padding-bottom: 0;
  }

	.noedges-l-smallscreen {
    padding-left: 0;
  }

	.noedges-smallscreen {
    padding: 0;
  }

}

.lead-px {
  margin-top: 1px;
}

.lead-line {
  margin-top: var(--size-line);
}

.lead-line2x {
  margin-top: var(--size-line2x);
}

.lead-tiny3x {
  margin-top: var(--size-tiny3x);
}

.lead-tiny2x {
  margin-top: var(--size-tiny2x);
}

.lead-tiny {
  margin-top: var(--size-tiny);
}

.lead-smaller {
  margin-top: var(--size-smaller);
}

.lead-small {
  margin-top: var(--size-small);
}

.lead-base {
  margin-top: var(--size-base);
}

.lead-main {
  margin-top: var(--size-main);
}

.lead {
  margin-top: var(--size-default);
}

.lead-medium {
  margin-top: var(--size-medium);
}

.lead-medium2x {
  margin-top: var(--size-medium2x);
}

.lead-medium3x {
  margin-top: var(--size-medium3x);
}

.lead-medium4x {
  margin-top: var(--size-medium4x);
}

.lead-large {
  margin-top: var(--size-large);
}

.lead-larger {
  margin-top: var(--size-larger);
}

.lead-largest {
  margin-top: var(--size-largest);
}

.lead-huge {
  margin-top: var(--size-huge);
}

.lead-huge2x {
  margin-top: var(--size-huge2x);
}

.lead-huge3x {
  margin-top: var(--size-huge3x);
}

.nolead {
  margin-top: 0px;
}

@media (max-width: 512px) {

	.nolead-smallscreen {
    margin-top: 0px;
  }
	.lead-smallscreen {
    margin-top: var(--size-default);
  }

}

@media (max-width: 768px) {

	.nolead-mediumscreen {
    margin-top: 0px;
  }
	.lead-mediumscreen {
    margin-top: var(--size-default);
  }

}

@media (max-width: 1024px) {

	.nolead-largescreen {
    margin-top: 0px;
  }
	.lead-largescreen {
    margin-top: var(--size-default);
  }

}

@media (min-width: 512px) {}

@media (min-width: 832px) {}

@media (min-width: 1088px) {}

.space-px {
  margin-bottom: 1px;
}

.space-line {
  margin-bottom: var(--size-line);
}

.space-line2x {
  margin-bottom: var(--size-line2x);
}

.space-tiny3x {
  margin-bottom: var(--size-tiny3x);
}

.space-tiny2x {
  margin-bottom: var(--size-tiny2x);
}

.space-tiny {
  margin-bottom: var(--size-tiny);
}

.space-smaller {
  margin-bottom: var(--size-smaller);
}

.space-small {
  margin-bottom: var(--size-small);
}

.space-base {
  margin-bottom: var(--size-base);
}

.space-main {
  margin-bottom: var(--size-main);
}

.space {
  margin-bottom: var(--size-default);
}

.space-medium {
  margin-bottom: var(--size-medium);
}

.space-medium2x {
  margin-bottom: var(--size-medium2x);
}

.space-medium3x {
  margin-bottom: var(--size-medium3x);
}

.space-medium4x {
  margin-bottom: var(--size-medium4x);
}

.space-large {
  margin-bottom: var(--size-large);
}

.space-larger {
  margin-bottom: var(--size-larger);
}

.space-largest {
  margin-bottom: var(--size-largest);
}

.space-huge {
  margin-bottom: var(--size-huge);
}

.space-huge2x {
  margin-bottom: var(--size-huge2x);
}

.space-huge3x {
  margin-bottom: var(--size-huge3x);
}

.nospace {
  margin-bottom: 0px;
}

@media (max-width: 512px) {

	.nospace-smallscreen {
    margin-bottom: 0px;
  }
	.space-smallscreen {
    margin-bottom: var(--size-default);
  }

}

@media (max-width: 768px) {

	.nospace-mediumscreen {
    margin-bottom: 0px;
  }
	.space-mediumscreen {
    margin-bottom: var(--size-default);
  }

}

@media (max-width: 1024px) {

	.nospace-largescreen {
    margin-bottom: 0px;
  }
	.space-largescreen {
    margin-bottom: var(--size-default);
  }

}

@media (min-width: 512px) {}

@media (min-width: 832px) {}

@media (min-width: 1088px) {}

.grid-9,
.grid-9 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
}

.grid-8,
.grid-8 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
}

.grid-7,
.grid-7 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.grid-6,
.grid-6 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.grid-5,
.grid-5 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.grid-4,
.grid-4 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.grid-3,
.grid-3 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.grid-2,
.grid-2 > .wp-block-group__inner-container {
	grid-template-columns: repeat(2, 1fr);
}

.grid-9.wp-block-group,
.grid-8.wp-block-group,
.grid-7.wp-block-group,
.grid-6.wp-block-group,
.grid-5.wp-block-group,
.grid-4.wp-block-group,
.grid-3.wp-block-group,
.grid-2.wp-block-group {
	display: block;
}

.grid-941,
.grid-931,
.grid-921,

.grid-841,
.grid-831,
.grid-821,

.grid-741,
.grid-731,
.grid-721,

.grid-641,
.grid-631,
.grid-621,

.grid-541,
.grid-531,
.grid-521,

.grid-441,
.grid-431,
.grid-421,
.grid-41,

.grid-321,
.grid-311,
.grid-32,
.grid-31,

.grid-221,
.grid-211,
.grid-21 {
	display: grid;
	grid-template-columns: 1fr;
}

.grid-942,
.grid-932,
.grid-922,

.grid-842,
.grid-832,
.grid-822,

.grid-742,
.grid-732,
.grid-722,

.grid-642,
.grid-632,
.grid-622,

.grid-542,
.grid-532,
.grid-522,

.grid-442,
.grid-432,
.grid-422,
.grid-42,

.grid-332,
.grid-322,
.grid-32 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.grid-963 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 832px) {

	.grid-963 {
		grid-template-columns: repeat(6, 1fr);
	}

	.grid-942,
	.grid-941,

	.grid-842,
	.grid-841,

	.grid-742,
	.grid-741,

	.grid-642,
	.grid-641,

	.grid-542,
	.grid-541,

	.grid-442,
	.grid-441 {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid-932,
	.grid-931,

	.grid-832,
	.grid-831,

	.grid-732,
	.grid-731,

	.grid-632,
	.grid-631,

	.grid-532,
	.grid-531,

	.grid-432,
	.grid-431,

	.grid-332 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-922,
	.grid-921,

	.grid-822,
	.grid-821,

	.grid-722,
	.grid-721,

	.grid-622,
	.grid-621,

	.grid-522,
	.grid-521,

	.grid-422,
	.grid-421,
	.grid-42,

	.grid-322,
	.grid-321,
	.grid-32 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-41,

	.grid-311,
	.grid-31,

	.grid-221,
	.grid-211,
	.grid-21 {
		grid-template-columns: 1fr;
	}

}

@media (min-width: 1088px) {

	.grid-963,
	.grid-942,
	.grid-941,
	.grid-932,
	.grid-931,
	.grid-922,
	.grid-921 {
		grid-template-columns: repeat(9, 1fr);
	}

	.grid-842,
	.grid-841,
	.grid-832,
	.grid-831,
	.grid-822,
	.grid-821 {
		grid-template-columns: repeat(8, 1fr);
	}

	.grid-742,
	.grid-741,
	.grid-732,
	.grid-731,
	.grid-722,
	.grid-721 {
		grid-template-columns: repeat(7, 1fr);
	}

	.grid-642,
	.grid-641,
	.grid-632,
	.grid-631,
	.grid-622,
	.grid-621 {
		grid-template-columns: repeat(6, 1fr);
	}

	.grid-542,
	.grid-541,
	.grid-532,
	.grid-531,
	.grid-522,
	.grid-521 {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid-442,
	.grid-441,
	.grid-432,
	.grid-431,
	.grid-422,
	.grid-421,
	.grid-42,
	.grid-41 {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid-332,
	.grid-322,
	.grid-321,
	.grid-311,
	.grid-32,
	.grid-31 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-221,
	.grid-211,
	.grid-21 {
		grid-template-columns: repeat(2, 1fr);
	}

}

.grid-gap,
.grid-gap > .wp-block-group__inner-container {
  gap: var(--size-default);
}

.grid-gap-tiny,
	.grid-gap-tiny > .wp-block-group__inner-container {
  gap: var(--size-tiny);
}

.grid-gap-smaller,
	.grid-gap-smaller > .wp-block-group__inner-container {
  gap: var(--size-smaller);
}

.grid-gap-small,
	.grid-gap-small > .wp-block-group__inner-container {
  gap: var(--size-small);
}

.grid-gap-base,
	.grid-gap-base > .wp-block-group__inner-container {
  gap: var(--size-base);
}

.grid-gap-medium,
	.grid-gap-medium > .wp-block-group__inner-container {
  gap: var(--size-medium);
}

.grid-gap-medium2x,
	.grid-gap-medium2x > .wp-block-group__inner-container {
  gap: var(--size-medium2x);
}

.grid-gap-medium3x,
	.grid-gap-medium3x > .wp-block-group__inner-container {
  gap: var(--size-medium3x);
}

.grid-gap-medium4x,
	.grid-gap-medium4x > .wp-block-group__inner-container {
  gap: var(--size-medium4x);
}

.grid-gap-large,
	.grid-gap-large > .wp-block-group__inner-container {
  gap: var(--size-large);
}

.grid-gap-larger,
	.grid-gap-larger > .wp-block-group__inner-container {
  gap: var(--size-larger);
}

.grid-gap-largest,
	.grid-gap-largest > .wp-block-group__inner-container {
  gap: var(--size-largest);
}

.grid-gap-edges,
	.grid-gap-edges > .wp-block-group__inner-container {
  gap: var(--size-edges);
}

.grid-row-gap,
.grid-row-gap > .wp-block-group__inner-container {
  row-gap: var(--size-default);
}

.grid-row-gap-tiny,
	.grid-row-gap-tiny > .wp-block-group__inner-container {
  row-gap: var(--size-tiny);
}

.grid-row-gap-smaller,
	.grid-row-gap-smaller > .wp-block-group__inner-container {
  row-gap: var(--size-smaller);
}

.grid-row-gap-small,
	.grid-row-gap-small > .wp-block-group__inner-container {
  row-gap: var(--size-small);
}

.grid-row-gap-base,
	.grid-row-gap-base > .wp-block-group__inner-container {
  row-gap: var(--size-base);
}

.grid-row-gap-medium,
	.grid-row-gap-medium > .wp-block-group__inner-container {
  row-gap: var(--size-medium);
}

.grid-row-gap-medium2x,
	.grid-row-gap-medium2x > .wp-block-group__inner-container {
  row-gap: var(--size-medium2x);
}

.grid-row-gap-medium3x,
	.grid-row-gap-medium3x > .wp-block-group__inner-container {
  row-gap: var(--size-medium3x);
}

.grid-row-gap-medium4x,
	.grid-row-gap-medium4x > .wp-block-group__inner-container {
  row-gap: var(--size-medium4x);
}

.grid-row-gap-large,
	.grid-row-gap-large > .wp-block-group__inner-container {
  row-gap: var(--size-large);
}

.grid-row-gap-larger,
	.grid-row-gap-larger > .wp-block-group__inner-container {
  row-gap: var(--size-larger);
}

.grid-row-gap-largest,
	.grid-row-gap-largest > .wp-block-group__inner-container {
  row-gap: var(--size-largest);
}

.grid-row-gap-edges,
	.grid-row-gap-edges > .wp-block-group__inner-container {
  row-gap: var(--size-edges);
}

.grid-column-gap,
.grid-column-gap > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-default);
  column-gap: var(--size-default);
}

.grid-column-gap-tiny,
	.grid-column-gap-tiny > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-tiny);
  column-gap: var(--size-tiny);
}

.grid-column-gap-smaller,
	.grid-column-gap-smaller > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-smaller);
  column-gap: var(--size-smaller);
}

.grid-column-gap-small,
	.grid-column-gap-small > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-small);
  column-gap: var(--size-small);
}

.grid-column-gap-base,
	.grid-column-gap-base > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-base);
  column-gap: var(--size-base);
}

.grid-column-gap-medium,
	.grid-column-gap-medium > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-medium);
  column-gap: var(--size-medium);
}

.grid-column-gap-medium2x,
	.grid-column-gap-medium2x > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-medium2x);
  column-gap: var(--size-medium2x);
}

.grid-column-gap-medium3x,
	.grid-column-gap-medium3x > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-medium3x);
  column-gap: var(--size-medium3x);
}

.grid-column-gap-medium4x,
	.grid-column-gap-medium4x > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-medium4x);
  column-gap: var(--size-medium4x);
}

.grid-column-gap-large,
	.grid-column-gap-large > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-large);
  column-gap: var(--size-large);
}

.grid-column-gap-larger,
	.grid-column-gap-larger > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-larger);
  column-gap: var(--size-larger);
}

.grid-column-gap-largest,
	.grid-column-gap-largest > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-largest);
  column-gap: var(--size-largest);
}

.grid-column-gap-edges,
	.grid-column-gap-edges > .wp-block-group__inner-container {
  -moz-column-gap: var(--size-edges);
  column-gap: var(--size-edges);
}

.grid-align-start {
	align-items: start;
}

.grid-align-center {
	align-items: center;
}

.grid-align-end {
	align-items: end;
}

/* BLOCKS */

details {
	margin-bottom: 1rem;
}

details > summary {
	/* list-style-position: outside; */
}

details > summary:link,
details > summary:visited {
	color: var(--color-link);
}

details > summary:hover,
details > summary:active {
	color: var(--color-link);
}

details > summary::marker {}

details[open] > summary {
	margin-bottom: 1rem;
}

details[open] > summary::marker {}

details[open] {}

summary {}

summary::marker {}

details.details-wline {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--mid);
	margin-bottom: 0;
}

details.details-wline[open] {
	margin-bottom: 0;
}

details.details-wline > summary::marker {
	display: none;
}

details.details-wline[open] > summary {
	margin-bottom: 1rem;
}

.tooltip {
  margin-bottom: var(--size-tiny);
  padding-left: var(--size-tiny);
  padding-right: var(--size-tiny);
    border-left: 5px solid #f6546a;
}

.tooltip.tooltip-end {
  margin-top: var(--size-tiny);
  margin-bottom: 0;
}

.tooltip.tooltip-smallwidth {
        max-width: 320px;
    }

.tooltip-level1 > .tooltip {
        border-left: 5px solid var(--mid);
    }

.tooltip-level2 > .tooltip {
        border-left: 5px solid var(--light);
    }

.tooltip-level3 > .tooltip {
        border-left: 5px solid var(--lighter);
    }

.tooltip .title {
    font-weight: 700;
}

.tooltip > .title,
.tooltip > .summary {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
}

.tooltip > .marker.start,
.tooltip > .marker.end {
    line-height: 1;
}

.tooltip > .marker.start {
    border-bottom: 1px dashed var(--lightest);
}

.tooltip > .marker.end {
    border-top: 1px dashed var(--lightest);
}

.tooltip-nomarker .tooltip .marker.start,
    .tooltip-nomarker .tooltip .marker.end {
        display: none;
    }

.tooltip-noline > .tooltip > .marker.start,
    .tooltip-noline.tooltip > .marker.start {
        border-bottom: 0;
    }

.tooltip-noline > .tooltip > .marker.end,
    .tooltip-noline.tooltip > .marker.end {
        border-top: 0;
    }

.tooltip-outline.innerblock {
  padding: var(--size-tiny);
    outline: 1px dashed var(--lightest);
}

.tooltip-outline-vertical > .tooltip-outline.innerblock {
  padding-top: 0;
  padding-bottom: 0;
        outline: 0;
        border-left: 1px dashed var(--lightest);
}

.innerblock-noedges > .innerblock {
    padding: 0;
}

/* VIDEO */

.module-video {}

.item-video {
	max-width: 1024px;
	position: relative;
}

.video-embed {
	padding-top: 56.25%;
	max-width: 1024px;
	position: relative;
}

.video-embed iframe {
	    bottom: 0;
	    height: 100%;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 100%;
	}

.video-thumbnail {
	position: relative;
}

.video-thumbnail .icon-play {
		width: 68px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.video-overhead {
  font-size: var(--size-small);
  line-height: var(--leading-small);
	font-weight: 400;
}

.video-overhead a:link,
	.video-overhead a:visited {
		text-decoration: none;
	}

.video-overhead a:hover,
	.video-overhead a:active {
		text-decoration: none;
	}

.video-title {
	font-weight: 700;
}

.video-title.title {
		margin-bottom: 1rem;
	}

.module-video.video-layout-spread .video-title {}

.video-title a:link,
	.video-title a:visited {
		text-decoration: none;
	}

.video-title a:hover,
	.video-title a:active {
		text-decoration: none;
	}

.video-summary {}

.video-meta {}

.module-video.video-layout-spread .video-meta {
		display: flex;
		justify-content: flex-start;
		gap: 1.5rem;
	}

.module-video.video-layout-grid .video-meta {
		display: flex;
		justify-content: space-between;
		gap: 1.5rem;
	}

.video-watchonyoutube {}

.video-watchonyoutube .overhead {
  font-size: var(--size-tiny);
  line-height: var(--leading-tiny);
		font-weight: 400;
}

.video-watchonyoutube .icon-youtube {
		width: 70px;
	}

.video-date {
  font-size: var(--size-small);
  line-height: var(--leading-small);
	font-weight: 500;
	line-height: 1.2;
}

.video-date .overhead {
  font-size: var(--size-tiny);
  line-height: var(--leading-tiny);
		font-weight: 400;
}

.module-video.video-layout-spread .video-date {
		margin-left: 0;
	}

.module-video.video-layout-spread {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-areas: "media info";
	grid-column-gap: 1.5rem;
}

@media (max-width: 768px) {
		.module-video.video-layout-spread {
			display: grid;
			grid-template-columns: 1fr;
			grid-template-areas: "media" "info";
			grid-row-gap: 1.5rem;
		}
	}

.module-video.video-layout-spread .media {
		grid-area: media;
	}

.module-video.video-layout-spread .info {
		grid-area: info;
	}

.module-video.video-layout-grid {
	display: block;
}

/* CREDIT */

.credit {}

.credit .copyright,
.credit .siteby {
  font-size: var(--size-smaller);
  line-height: var(--leading-smaller);
	text-align: center;
}

.credit .brand {
	max-width: 150px;
	margin-top: 0.5rem;
	margin-right: auto;
	margin-left: auto;
}

.credit .spk .brand-icon {
	fill:#147fc4;
}

.darkmode.credit .spk .brand-icon {
		fill: var(--lightest3x);
	}

.credit .swp .brand-icon {
	fill:#c00c00;
}

.darkmode.credit .swp .brand-icon {
		fill: var(--lightest3x);
	}

.credit .brand-text {
	fill:#333;
}

.darkmode.credit .brand-text {
		fill: var(--lightest3x);
	}
/*# sourceMappingURL=style.css.map */