/*
Theme Name: David Perell
Theme URI: https://github.com/a8cteam51/perell/
Author: WordPress.com Special Projects Team
Author URI: https://wpspecialprojects.wordpress.com
Description: A custom theme designed and built for David Perell
Requires at least: WordPress 5.5
Version: 0.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia-wpcom
Text Domain: perell
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Perell is a child theme of Varia which is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * From https://github.com/hankchizljaw/modern-css-reset
 */

/* Remove default padding */

ul[class],
ol[class] {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core body defaults */

body {
	box-sizing: border-box;
	line-height: 1.55;
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
}

/* Box sizing rules */

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

/* Remove list styles on ul, ol elements with a class attribute */

/* stylelint-disable no-duplicate-selectors */

ul[class],
ol[class] {
	list-style: none;
}

/* stylelint-enable no-duplicate-selectors */

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	height: auto;
	max-width: 100%;
}

/* Inherit fonts for inputs and buttons */

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

/* Remove animations and transitions for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {

	* {
		-webkit-animation-duration: 0.01ms !important;
		        animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		        animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Wrap pre tag content */

pre {
	overflow-x: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
  # MacOSX overflow
  # When a user has the scrollbar toggled always on it creates
  # a horizontal overflow when 100vw is used
--------------------------------------------------------------*/

body {
	overflow-x: hidden;
}

:root {

	/* --- Font families --- */
	--font-sans: "Inter", sans-serif;
	--font-serif: "verdigris-mvb-pro-text", serif;
	--font-serif-big: "verdigris-mvb-pro-big", serif;

	/* --- Font sizes --- */
	--font-size-default: 1.125rem;
	--font-size-small: 1rem;
	--font-size-just-bigger: 1.25rem;
	--font-size-medium: 1.625rem;
	--font-size-large: 2.25rem;
	--font-size-larger: 3rem;
	--font-size-huge: 3.75rem
}

@media (max-width: 37.5em) {

:root {

		--font-size-default: 1rem;
		--font-size-small: 0.813rem;
		--font-size-medium: 1.125rem;
		--font-size-large: 1.875rem;
		--font-size-larger: 1.875rem;
		--font-size-huge: 2.375rem
}
	}

:root {

	/* --- Letter spacing --- */
	--letter-spacing: 0.16em;

	/* --- Colors --- */
	--color-new-purp: hsl(248, 75%, 58%);
	--color-new-purp-transparent: hsla(248, 75%, 58%, 0.05);
	--color-purple-dark: hsl(248, 65%, 48%);
	--color-gray: hsl(0, 0%, 26%);
	--color-gray-light: hsl(255, 27%, 94%);
	--color-bluey-gray: hsl(240, 33%, 98%);
	--color-outline: hsl(250, 29%, 92%);

	--color-black: hsl(0, 0%, 0%);
	--color-white: hsl(0, 0%, 100%);

	--color-primary: var(--color-new-purp);
	--color-text: var(--color-gray);
	--color-link: var(--color-new-purp);
	--color-hover: var(--color-purple-dark);

	/* --- Spacing --- */
	--spacing: 1.25rem;
	--spacing-050: calc(var(--spacing) / 2);
	--spacing-1: var(--spacing);
	--spacing-150: calc(var(--spacing) * 1.5);
	--spacing-2: calc(var(--spacing) * 2);
	--spacing-250: calc(var(--spacing) * 2.5);
	--spacing-3: calc(var(--spacing) * 3);
	--spacing-350: calc(var(--spacing) * 3.5);
	--spacing-4: calc(var(--spacing) * 4);
	--spacing-5: calc(var(--spacing) * 5);
	--spacing-6: calc(var(--spacing) * 6);

	--gutter: var(--spacing);

	/* --- Max widths --- */
	--max-wide-width: 1110px;
	--max-content: 730px;
	--max-width-global: calc(var(--max-wide-width) + (2 * var(--gutter)));
	--max-width-content: calc(var(--max-content) + (2 * var(--gutter)));

	/* --- Column widths --- */
	--align-wide-margin: calc((100vw - var(--max-width-global)) / 2);

	/* --- Transition speed --- */
	--speed: 0.15s;

	/* --- Solid shadow --- */
	--shadow-bar-left: calc(var(--spacing) * -1) var(--spacing) 0 var(--color-primary);
	--shadow-bar-right: var(--spacing) var(--spacing) 0 var(--color-primary)
}

@media (max-width: 37.5em) {

:root {
		--shadow-bar-left: calc(var(--spacing-050) * -1) var(--spacing-050) 0 var(--color-primary);
		--shadow-bar-right: var(--spacing-050) var(--spacing-050) 0 var(--color-primary)
}
	}

body {
	color: hsl(0, 0%, 26%);
	color: var(--color-text);
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1.125rem;
	font-size: var(--font-size-default);
	font-weight: 400;
	line-height: 1.7;
}

h1,
h2 {
	font-family: "verdigris-mvb-pro-big", serif;
	font-family: var(--font-serif-big);
	line-height: 1.1;
}

h1 {
	font-size: 3.75rem;
	font-size: var(--font-size-huge);
}

.entry-content > h1 {
	margin-top: calc(1.25rem * 5);
	margin-top: var(--spacing-5);
	margin-bottom: calc(1.25rem * 2);
	margin-bottom: var(--spacing-2);
}

h2,
h3,
h4 {
	margin-bottom: calc(1.25rem * 1.5);
	margin-bottom: var(--spacing-150);
	margin-top: calc(1.25rem * 1.5);
	margin-top: var(--spacing-150);
}

h2 {
	font-size: 3rem;
	font-size: var(--font-size-larger);
}

h3 {
	font-size: 2.25rem;
	font-size: var(--font-size-large);
	line-height: 1.3;
}

h4,
.single .entry-content h2 {
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1.625rem;
	font-size: var(--font-size-medium);
	line-height: 1.3;
}

h5,
h6,
.single .entry-content h3 {
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1.25rem;
	font-size: var(--font-size-just-bigger);
	letter-spacing: 0.16em;
	letter-spacing: var(--letter-spacing);
	line-height: 1.21;
	text-transform: uppercase;
}

h6 {
	font-size: 1rem;
	font-size: var(--font-size-small);
}

p,
ol,
ul {
	font-size: 1.125rem;
	font-size: var(--font-size-default);
	margin: 1em 0;
}

/* For hr styles
 * see .wp-block-separator in content-components.css
 */

hr {
	all: unset;
	display: block;
	max-width: calc(730px + (2 * 1.25rem));
	max-width: var(--max-width-content);
}

.entry-content li {
	margin-left: 1.25rem;
	margin-left: var(--spacing);
}

.entry-content li + li {
		margin-top: calc(1.25rem / 2);
		margin-top: var(--spacing-050);
	}

strong {
	font-weight: 900;
}

figcaption {
	margin-top: 0.5rem;
}

figcaption p {
		font-size: 1rem;
		line-height: 1.5;
	}

.wp-block-image figcaption {
	font-size: 1rem;
	font-style: italic;
	line-height: 1.5;
	margin: 0.5rem 0;
	text-align: center;
}

/* --- Links --- */

a {
	transition: color 0.15s ease;
	transition: color var(--speed) ease;
}

.site-content a,
.site-footer a {
	color: hsl(248, 75%, 58%);
	color: var(--color-link);
	font-weight: 500
}

.site-content a:hover, .site-footer a:hover {
		background-color: hsl(248, 75%, 58%);
		background-color: var(--color-link);
		color: hsl(0, 0%, 100%);
		color: var(--color-white);
		text-decoration: none;
	}

:focus {
	outline: 2px dotted hsl(248, 75%, 58%);
	outline: 2px dotted var(--color-link);
}

/*--- Buttons ---*/

.site-content .button,
.wp-block-button .wp-block-button__link,
input[type="submit"] {
	all: unset;
	background-color: hsl(248, 75%, 58%);
	background-color: var(--color-primary);
	border: 2px solid hsl(248, 75%, 58%);
	border: 2px solid var(--color-primary);
	border-radius: 2px;
	color: hsl(0, 0%, 100%);
	color: var(--color-white);
	cursor: pointer;
	display: block;
	font-weight: 500;
	margin-top: 1.25rem;
	margin-top: var(--spacing);
	padding: calc(1.25rem / 2) calc(1.25rem * 2);
	padding: var(--spacing-050) var(--spacing-2);
	transition: all 0.15s ease;
	transition: all var(--speed) ease;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content
}

.site-content .button:hover, .wp-block-button .wp-block-button__link:hover, input[type="submit"]:hover {
		background-color: hsl(248, 65%, 48%);
		background-color: var(--color-hover);
	}

.site-content .button:focus, .wp-block-button .wp-block-button__link:focus, input[type="submit"]:focus {
		outline: 2px dotted hsl(248, 75%, 58%);
		outline: 2px dotted var(--color-primary);
	}

.is-style-outline .wp-block-button__link {
		background-color: hsl(0, 0%, 100%);
		background-color: var(--color-white);
		color: hsl(248, 75%, 58%);
		color: var(--color-primary)
	}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
			color: hsl(248, 75%, 58%);
			color: var(--color-primary);
		}

.is-style-outline .wp-block-button__link:hover {
			background-color: hsl(248, 65%, 48%);
			background-color: var(--color-hover);
			color: hsl(0, 0%, 100%);
			color: var(--color-white);
		}

/* --- Blockquote --- */

blockquote {
	font-family: "verdigris-mvb-pro-text", serif;
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-size: var(--font-size-just-bigger);
	font-weight: 700;
}

/* -- Image --- */

.site-content img {
	box-shadow: var(--drop-shadow);
}

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

.site-header {
	display: flex;
	position: relative
}

.site-header::before {
		box-shadow: inset 0 -1px 0 hsl(255, 27%, 94%);
		box-shadow: inset 0 -1px 0 var(--color-gray-light);
		content: "";
		left: calc(50% - 50vw);
		position: absolute;
		height: 100%;
		width: 100vw;
		z-index: -1;
	}

/* --- Site Branding --- */

.site-branding {
	align-self: center;
	display: flex;
	order: -1;
}

.site-title {
	color: hsl(0, 0%, 26%);
	color: var(--color-text);
	font-family: "verdigris-mvb-pro-big", serif;
	font-family: var(--font-serif-big);
	font-size: 2.25rem;
	font-size: var(--font-size-large);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.site-title a {
		color: inherit;
		text-decoration: none;
		transition: color 0.15s ease;
		transition: color var(--speed) ease
	}

.site-title a:hover {
			color: hsl(248, 65%, 48%);
			color: var(--color-hover);
		}

@media (max-width: 55em) {

.site-title {
		padding: 1.25rem 0;
		padding: var(--spacing) 0
}
	}

/* --- Main Navigation --- */

.main-navigation {
	margin-left: auto
}

@media (max-width: 55em) {

.main-navigation {
		align-items: center;
		display: flex
}
	}

.menu-main-menu-container {
	background-color: hsl(248, 75%, 58%);
	background-color: var(--color-primary);
	display: none;
	z-index: 1
}

@media (max-width: 55em) {

.menu-main-menu-container {
		flex-direction: column;
		left: 0;
		padding: calc(1.25rem * 2) 1.25rem;
		padding: var(--spacing-2) var(--gutter);
		position: absolute;
		top: 100%;
		width: 100vw
}
	}

@media (min-width: 55.01em) {

.menu-main-menu-container {
		background-color: transparent;
		display: flex
}
	}

ul.main-menu {
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%
}

@media (max-width: 55em) {

ul.main-menu {
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		padding: 0
}
	}

@media (min-width: 55.01em) {

			ul.main-menu li + li {
				margin-left: 0.5em;
			}
		}

ul.main-menu li a {
			color: hsl(0, 0%, 26%);
			color: var(--color-text);
			padding: 2.5em 0.5em;
			text-decoration: none;
			transition: color 0.15s ease;
			transition: color var(--speed) ease
		}

@media (max-width: 55em) {


		ul.main-menu li a {
				color: hsl(0, 0%, 100%);
				color: var(--color-white);
				display: block;
				font-size: 1.875rem;
				padding: 0.5rem 0;
				max-width: -webkit-max-content;
				max-width: -moz-max-content;
				max-width: max-content
		}
			}

@media (min-width: 55.01em) {


		ul.main-menu li a {
				display: flex
		}
			}

ul.main-menu li a:hover {
				color: hsl(248, 75%, 58%);
				color: var(--color-primary)
			}

@media (max-width: 55em) {

			ul.main-menu li a:hover {
					color: hsl(255, 27%, 94%);
					color: var(--color-gray-light);
					text-decoration: underline
			}
				}

ul.main-menu li.current-menu-item a {
			color: hsl(248, 75%, 58%);
			color: var(--color-primary)
		}

@media (max-width: 55em) {


		ul.main-menu li.current-menu-item a {
				color: hsl(0, 0%, 100%);
				color: var(--color-white);
				text-decoration: underline
		}
			}

@media (min-width: 55.01em) {


		ul.main-menu li.current-menu-item a {
				box-shadow: inset 0 -3px 0 hsl(248, 75%, 58%);
				box-shadow: inset 0 -3px 0 var(--color-primary)
		}
			}

/* --- Sub menu --- */

.menu-item-has-children {
	position: relative;
}

.menu-item-has-children .sub-menu {
		margin: 0
	}

@media (min-width: 55.01em) {

	.menu-item-has-children .sub-menu {
			background-color: hsl(0, 0%, 100%);
			background-color: var(--color-white);
			border: 1px solid hsl(255, 27%, 94%);
			border: 1px solid var(--color-gray-light);
			box-shadow: var(--drop-shadow);
			display: none;
			padding: 1.25rem;
			padding: var(--spacing);
			position: absolute;
			top: calc(100% + 1.25rem);
			top: calc(100% + var(--spacing));
			left: calc(1.25rem * -1);
			left: calc(var(--spacing) * -1);
			width: -webkit-max-content;
			width: -moz-max-content;
			width: max-content;
			z-index: 1
	}

			.menu-item-has-children .sub-menu::before {
				content: "";
				display: block;
				height: 1.25rem;
				height: var(--spacing);
				left: 0;
				position: absolute;
				top: calc(1.25rem * -1);
				top: calc(var(--spacing) * -1);
				width: 100%;
			}

			.menu-item-has-children .sub-menu::after {
				background-color: #fff;
				border: 1px solid hsl(255, 27%, 94%);
				border: 1px solid var(--color-gray-light);
				border-width: 1px 0 0 1px;
				content: "";
				display: block;
				height: 1.25rem;
				height: var(--spacing);
				left: 1.75rem;
				position: absolute;
				top: -11px;
				transform: rotate(45deg);
				width: 1.25rem;
				width: var(--spacing);
			}

			.menu-item-has-children .sub-menu a:hover {
				border: none;
				text-decoration: underline;
			}
		}

.menu-item-has-children .sub-menu li {
			font-size: 1.25rem;
			font-size: var(--font-size-just-bigger);
			font-weight: 400;
			margin: 0;
		}

.menu-item-has-children:hover > .sub-menu, .menu-item-has-children:focus > .sub-menu {
			display: flex;
			flex-direction: column;
		}

/* --- Mobile toggle --- */

#toggle-menu .close {
	display: none;
}

.dropdown-icon {
	padding: 0 0.5em;
}

#toggle-menu {
	background-color: transparent;
	color: hsl(0, 0%, 26%);
	color: var(--color-text);
	cursor: pointer
}

@media (min-width: 55.01em) {

#toggle-menu {
		display: none
}
	}

#toggle-menu .open {
		--color-toggle: var(--color-text);
		background: linear-gradient(to bottom, var(--color-toggle) 2px, hsl(0, 0%, 100%) 2px, hsl(0,0%,100%) 6px, var(--color-toggle) 6px, var(--color-toggle) 8px, hsl(0, 0%, 100%) 8px, hsl(0,0%,100%) 12px, var(--color-toggle) 12px);
		background: linear-gradient(to bottom, var(--color-toggle) 2px, hsl(0, 0%, 100%) 2px 6px, var(--color-toggle) 6px 8px, hsl(0, 0%, 100%) 8px 12px, var(--color-toggle) 12px);
		background: linear-gradient(to bottom, var(--color-toggle) 2px, var(--color-white) 2px, var(--color-white) 6px, var(--color-toggle) 6px, var(--color-toggle) 8px, var(--color-white) 8px, var(--color-white) 12px, var(--color-toggle) 12px);
		background: linear-gradient(to bottom, var(--color-toggle) 2px, var(--color-white) 2px 6px, var(--color-toggle) 6px 8px, var(--color-white) 8px 12px, var(--color-toggle) 12px);
		display: block;
		height: 14px;
		position: relative;
		width: 22px
	}

#toggle-menu .open:hover {
			--color-toggle: var(--color-text);
		}

/* stylelint-disable no-duplicate-selectors */

#toggle-menu .close {
		/* stylelint-enable no-duplicate-selectors */
		--color-toggle: var(--color-white);
		height: 14px;
		position: relative;
		width: 22px
	}

#toggle-menu .close::before {
			background-color: var(--color-toggle);
			content: "";
			display: block;
			height: 2px;
			left: 0;
			position: absolute;
			top: 6px;
			transform: rotate(45deg);
			width: 100%;
		}

#toggle-menu .close::after {
			background-color: var(--color-toggle);
			content: "";
			display: block;
			height: 2px;
			left: 0;
			position: absolute;
			top: 6px;
			transform: rotate(-45deg);
			width: 100%;
		}

#toggle-menu .close:hover {
			--color-toggle: var(--color-gray-light);
		}

#toggle:focus ~ #toggle-menu {
			outline: 2px dotted;
		}

#toggle:checked ~ .site-header {
			background-color: hsl(248, 75%, 58%);
			background-color: var(--color-primary);
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 3;
		}

#toggle:checked ~ .site-header .site-title {
				color: hsl(0, 0%, 100%);
				color: var(--color-white);
				z-index: 3;
			}

#toggle:checked ~ .site-header *:focus {
				outline: 2px dotted hsl(0, 0%, 100%);
				outline: 2px dotted var(--color-white);
			}

#toggle:checked ~ .site-header #toggle-menu {
				z-index: 3
			}

@media (min-width: 55.01em) {

			#toggle:checked ~ .site-header #toggle-menu {
					display: none
			}
				}

#toggle:checked ~ .site-header #toggle-menu .open {
					display: none;
				}

#toggle:checked ~ .site-header #toggle-menu .close {
					display: block;
				}

#toggle:checked ~ .site-header .menu-main-menu-container {
				display: flex;
				height: 100vh;
				padding-top: calc(1.25rem * 4);
				padding-top: var(--spacing-4);
				position: fixed;
				top: 0;
				z-index: 2;
			}

#toggle:checked ~ .site-header .menu-main-menu-container ul.main-menu li a {
					padding: 0;
				}

/* --- Jetpack Search --- */

.jetpack-search-filter__link {
	/* stylelint-disable */
	background: url("data:image/svg+xml;charset=utf8,%3Csvg class='svg-icon' aria-hidden='true' role='img' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14,13l-3.866-3.866C10.673,8.393,11,7.487,11,6.5C11,4.015,8.985,2,6.5,2S2,4.015,2,6.5 S4.015,11,6.5,11c0.987,0,1.893-0.327,2.634-0.866L13,14L14,13z M3,6.5C3,4.567,4.567,3,6.5,3C8.434,3,10,4.567,10,6.5 S8.434,10,6.5,10C4.567,10,3,8.433,3,6.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
	/* styleint-enable */
	background-size: contain;
	display: block;
	margin-left: 0.3rem;
	overflow: hidden;
	text-indent: -10000px;
	width: 20px
}

.jetpack-search-filter__link:hover {
		background: url("data:image/svg+xml;charset=utf8,%3Csvg class='svg-icon' aria-hidden='true' role='img' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23402bca' d='M14,13l-3.866-3.866C10.673,8.393,11,7.487,11,6.5C11,4.015,8.985,2,6.5,2S2,4.015,2,6.5 S4.015,11,6.5,11c0.987,0,1.893-0.327,2.634-0.866L13,14L14,13z M3,6.5C3,4.567,4.567,3,6.5,3C8.434,3,10,4.567,10,6.5 S8.434,10,6.5,10C4.567,10,3,8.433,3,6.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
	}

@media (max-width: 55em) {

.jetpack-search-filter__link {
		background: url("data:image/svg+xml;charset=utf8,%3Csvg class='svg-icon' aria-hidden='true' role='img' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M14,13l-3.866-3.866C10.673,8.393,11,7.487,11,6.5C11,4.015,8.985,2,6.5,2S2,4.015,2,6.5 S4.015,11,6.5,11c0.987,0,1.893-0.327,2.634-0.866L13,14L14,13z M3,6.5C3,4.567,4.567,3,6.5,3C8.434,3,10,4.567,10,6.5 S8.434,10,6.5,10C4.567,10,3,8.433,3,6.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat left;
		color: transparent !important;
		margin-left: 0;
		text-indent: 0;
		width: 35px
}
	}

.jetpack-instant-search__overlay.jetpack-instant-search__overlay--light {
	background: rgba(0,0,0,0.7);
	opacity: 1 !important;
}

.jetpack-instant-search__search-results {
	background: hsl(0, 0%, 100%);
	background: var(--color-white);
	padding: 60px 0 0;
}

.jetpack-instant-search__overlay-close {
	align-items: center;
	background: hsl(0, 0%, 100%);
	background: var(--color-white);
	display: flex;
	height: 60px;
	justify-content: center;
	position: absolute;
	padding: 0;
	right: 0;
	top: 0;
	width: 60px;
}

.jetpack-instant-search__search-results-primary {
	max-width: 100%;
}

.jetpack-instant-search__search-results-search-form {
	position: absolute;
	width: 100%;
	top: 0;
}

.jetpack-instant-search__box {
	border-bottom: 1px solid hsl(255, 27%, 94%);
	border-bottom: 1px solid var(--color-gray-light);
}

.jetpack-instant-search__box-filter-area {
	position: absolute;
	right: 352px;
	margin-top: calc(1.25rem * 1.5);
	margin-top: var(--spacing-150);
	line-height: 1.3;
}

.jetpack-instant-search__overlay--no-sidebar .jetpack-instant-search__box-filter-area {
		right: calc(1.25rem * 1.5);
		right: var(--spacing-150);
	}

.jetpack-instant-search__overlay .jetpack-instant-search__box-filter-option {
	color: hsl(0, 0%, 26%);
	color: var(--color-gray);
	padding: 0 2px;
	border: 0;
	background: 0 0
}

.jetpack-instant-search__overlay .jetpack-instant-search__box-filter-option:focus,
	.jetpack-instant-search__overlay .jetpack-instant-search__box-filter-option:hover {
		background: none;
		color: hsl(0, 0%, 0%);
		color: var(--color-black);
	}

.jetpack-instant-search__overlay .jetpack-instant-search__box-filter-option.is-selected {
		background: none;
		color: hsl(248, 75%, 58%);
		color: var(--color-new-purp);
		font-weight: 700;
	}

.jetpack-instant-search__overlay .jetpack-instant-search__box-filter-option.is-selected + .jetpack-instant-search__box-filter-option {
			border: 0;
		}

.jetpack-instant-search__overlay .jetpack-instant-search__box-filter-option:not(:last-child) {
		margin-right: 1.25rem;
		margin-right: var(--spacing);
	}

.jetpack-instant-search__box-gridicon {
	align-items: center;
	display: flex;
	height: 60px;
	justify-content: center;
	left: 0;
	position: relative;
	width: 60px;
}

.jetpack-instant-search__search-results-primary .jetpack-instant-search__search-results-search-form .jetpack-instant-search__box-input {
	border: 0;
	padding-left: 0;
	text-indent: 0
}

.jetpack-instant-search__search-results-primary .jetpack-instant-search__search-results-search-form .jetpack-instant-search__box-input:focus {
		outline: none;
	}

.jetpack-instant-search__search-results-title {
	padding: 0;
	margin: calc(1.25rem * 1.5) 0 calc(1.25rem * 1.5) calc(1.25rem * 2.5);
	margin: var(--spacing-150) 0 var(--spacing-150) var(--spacing-250);
	font-size: 1rem;
	font-size: var(--font-size-small);
	display: inline-flex;
	line-height: 1.3
}

@media (max-width: 500px) {

.jetpack-instant-search__search-results-title {
		margin-top: calc(1.25rem * 4);
		margin-top: var(--spacing-4)
}
	}

.jetpack-instant-search__search-results-unused-query,
.jetpack-instant-search__search-results-list,
.jetpack-instant-search__search-pagination {
	margin: 0 calc(1.25rem * 2.5);
	margin: 0 var(--spacing-250);
}

.jetpack-instant-search__search-result-title {
	font-size: 1.25rem;
	font-size: var(--font-size-just-bigger);
}

.jetpack-instant-search__scroll-button {
	background: none;
	border: 0;
	box-shadow: none;
	font-size: 1rem;
	font-size: var(--font-size-small);
	padding: 0;
}

/*--------------------------------------------------------------
  # Entry
--------------------------------------------------------------*/

.entry-content > * {
		margin-left: auto;
		margin-right: auto;
		padding-left: 1.25rem;
		padding-left: var(--gutter);
		padding-right: 1.25rem;
		padding-right: var(--gutter);
		max-width: calc(730px + (2 * 1.25rem));
		max-width: var(--max-width-content);
	}

.entry-header > *, .entry-footer > * {
		margin-left: auto;
		margin-right: auto;
		max-width: calc(730px + (2 * 1.25rem));
		max-width: var(--max-width-content);
	}

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

.site-footer {
	display: grid;
	grid-template: "1fr 1fr" "1fr 1fr" / 50% 50%
}

@media (max-width: 37.5em) {

.site-footer {
		grid-template: "1fr" "1fr" "1fr"
}
	}

.site-footer a {
		color: inherit;
		font-weight: inherit;
		text-decoration: none
	}

.site-footer a:hover {
			color: hsl(0, 0%, 100%);
			color: var(--color-white);
		}

.site-footer .footer-mark-social-wrap,
	.site-footer .footer-promotion {
		align-items: center;
		display: grid;
		grid-gap: calc(1.25rem * 1.5);
		gap: calc(1.25rem * 1.5);
		grid-gap: var(--spacing-150);
		gap: var(--spacing-150);
		grid-template-columns: -webkit-max-content 1fr;
		grid-template-columns: max-content 1fr
	}

@media (max-width: 37.5em) {


	.site-footer .footer-mark-social-wrap,
	.site-footer .footer-promotion {
			grid-template-columns: 1fr;
			justify-items: center;
			text-align: center
	}
		}

.site-footer .site-info {
		display: flex;
		flex-wrap: wrap;
		font-size: 1rem;
		grid-column: 1 / -1;
		justify-content: center;
		margin: calc(1.25rem * 4) auto calc(1.25rem * 2);
		margin: var(--spacing-4) auto var(--spacing-2);
		padding: 0 1.25rem;
		padding: 0 var(--gutter);
	}

.site-footer .widget img, .site-footer .widget-area img {
			max-width: 100px !important;
		}

.site-footer .widget-area h2 {
			font-family: "Inter", sans-serif;
			font-family: var(--font-sans);
			font-size: 1.125rem;
			line-height: 1.5;
			margin: 0;
		}

.site-footer .widget-area .textwidget p {
				font-size: 1rem;
				line-height: 1.5;
				margin: 0;
			}

.site-footer .widget-area .textwidget a {
				text-decoration: underline
			}

.site-footer .widget-area .textwidget a:hover {
					text-decoration: none;
				}

/* --- Social Menu --- */

.social-links-menu {
	display: flex;
	flex-wrap: wrap;
	margin: 0
}

@media (max-width: 37.5em) {

.social-links-menu {
		margin-bottom: calc(1.25rem * 2);
		margin-bottom: var(--spacing-2)
}
	}

.social-links-menu li + li {
		margin-left: calc(1.25rem / 2);
		margin-left: var(--spacing-050);
	}

.social-links-menu a:hover {
		background: none;
	}

.social-links-menu svg {
		fill: hsl(248, 75%, 58%);
		fill: var(--color-primary);
		height: auto;
		transition: fill 0.15s ease;
		transition: fill var(--speed) ease;
		width: 35px
	}

.social-links-menu svg:hover {
			fill: hsl(248, 65%, 48%);
			fill: var(--color-hover);
		}

/* --- Newsletter signup --- */

.footer-newsletter-wrap {
	background-color: hsl(255, 27%, 94%);
	background-color: var(--color-gray-light);
	border-top: 3px solid hsl(250, 29%, 92%);
	border-top: 3px solid var(--color-outline);
	grid-column: 1 / -1;
	margin-top: calc(1.25rem * 5);
	margin-top: var(--spacing-5);
	margin-bottom: calc(1.25rem * 3);
	margin-bottom: var(--spacing-3);
	padding-bottom: calc(1.25rem * 3);
	padding-bottom: var(--spacing-3);
	padding-top: calc(1.25rem * 3);
	padding-top: var(--spacing-3);
}

.footer-newsletter {
	display: grid;
	grid-gap: calc(1.25rem * 3);
	gap: calc(1.25rem * 3);
	grid-gap: var(--spacing-3);
	gap: var(--spacing-3);
	grid-template-columns: 6fr 4fr;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-left: var(--gutter);
	padding-right: 1.25rem;
	padding-right: var(--gutter);
	max-width: calc(1110px + (2 * 1.25rem));
	max-width: var(--max-width-global)

}

@media (max-width: 50em) {

.footer-newsletter {
		grid-gap: 1.25rem;
		gap: 1.25rem;
		grid-gap: var(--spacing);
		gap: var(--spacing);
		grid-template-columns: 1fr

}
	}

.footer-newsletter h2 {
		margin-top: 0;
	}

.footer-newsletter p {
		line-height: 1.4;
	}

.footer-newsletter input {
		border-color: hsl(248, 75%, 58%) !important;
		border-color: var(--color-primary) !important;
	}

@media (min-width: 37.51em) {

	.footer-newsletter .formkit-form[data-uid="58d2a6fc17"] .formkit-submit {
			max-width: -webkit-max-content;
			max-width: -moz-max-content;
			max-width: max-content
	}
		}

.footer-newsletter .formkit-form[data-uid="58d2a6fc17"] .formkit-submit span {
			font-size: 1.125rem;
			font-size: var(--font-size-default);
			font-weight: 500;
			padding-left: calc(1.25rem * 2);
			padding-left: var(--spacing-2);
			padding-right: calc(1.25rem * 2);
			padding-right: var(--spacing-2);
		}

/*--------------------------------------------------------------
	# Cards
--------------------------------------------------------------*/

.card h3,
	.card h4 {
		font-family: "verdigris-mvb-pro-big", serif;
		font-family: var(--font-serif-big);
		line-height: 1.1;
		margin: 0;
	}

.card h3 {
		font-size: 3rem;
		font-size: var(--font-size-larger);
	}

.card p {
		font-size: 1rem;
		font-size: var(--font-size-small);
		margin-top: calc(1.25rem / 2);
		margin-top: var(--spacing-050);
	}

@media (min-width: 37.51em) {

	.card .card-content {
			background-color: hsl(0, 0%, 100%);
			background-color: var(--color-white)
	}
		}

@media (max-width: 37.5em) {

			.card .card-content .wp-block-group__inner-container > * {
					padding: 0 1.25rem;
					padding: 0 var(--gutter)
			}
				}

@media (max-width: 37.5em) {

			.card .card-content .wp-block-group__inner-container .is-style-topper {
					background-color: hsl(0, 0%, 100%);
					background-color: var(--color-white);
					font-size: 1rem;
					font-size: var(--font-size-small);
					margin-left: 0 !important;
					padding: 1.25rem 1.25rem calc(1.25rem / 2);
					padding: var(--spacing) var(--gutter) var(--spacing-050);
					max-width: -webkit-max-content !important;
					max-width: -moz-max-content !important;
					max-width: max-content !important
			}
				}

.card a {
		text-decoration: none
	}

.card a:hover {
			background-color: transparent;
			color: hsl(248, 65%, 48%);
			color: var(--color-hover);
			text-decoration: underline;
		}

@media (min-width: 37.51em) {

	.card .card-image {
			padding-right: 1.25rem;
			padding-right: var(--spacing)
	}
		}

.card .card-image img {
			box-shadow: 1.25rem 1.25rem 0 hsl(248, 75%, 58%);
			box-shadow: var(--shadow-bar-right);
		}

.has-background {

	/* Each .has-background color sets a variable (--bgc) that can be used be the descendants */
}

@media (max-width: 37.5em) {

.has-background {
		border-top: 3px solid hsl(255, 27%, 94%);
		border-top: 3px solid var(--color-gray-light)
}
	}

@media (min-width: 37.51em) {

	.has-background .wp-block-group__inner-container .card-content {
			background-color: var(--bgc)
	}
		}

@media (max-width: 37.5em) {

		.has-background .wp-block-group__inner-container .card-content .is-style-topper {
				background-color: var(--bgc)
		}
			}

/*--------------------------------------------------------------
	# Blocks
--------------------------------------------------------------*/

/* --- .wp-block-media-text --- */

.wp-block-media-text {

	/* Hero */
}

.wp-block-media-text.is-style-hero {
		grid-template-columns: [left-edge] calc((100vw - calc(1110px + (2 * 1.25rem))) / 2) [left-wide] 1fr [left-over] 16vw [right-over] 1fr [right-wide] calc((100vw - calc(1110px + (2 * 1.25rem))) / 2) [right-edge] !important;
		grid-template-columns: [left-edge] var(--align-wide-margin) [left-wide] 1fr [left-over] 16vw [right-over] 1fr [right-wide] var(--align-wide-margin) [right-edge] !important;
		margin: 0;
		max-width: 100%
	}

@media (max-width: 37.5em) {

.wp-block-media-text.is-style-hero {
			grid-template-columns: 100% !important
	}
		}

.wp-block-media-text.is-style-hero .wp-block-media-text__media {

			grid-column: left-over / right-edge;
			padding: 0 0 1.25rem 1.25rem;
			padding: 0 0 var(--spacing) var(--spacing)
		}

@media (max-width: 37.5em) {


		.wp-block-media-text.is-style-hero .wp-block-media-text__media {
				grid-column: 1;
				grid-row: 1 !important;
				padding: 0 0 1.25rem;
				padding: 0 0 var(--spacing)
		}
			}

.wp-block-media-text.is-style-hero .wp-block-media-text__media img {
				box-shadow: calc(1.25rem * -1) 1.25rem 0 hsl(248, 75%, 58%);
				box-shadow: var(--shadow-bar-left);
			}

.wp-block-media-text.is-style-hero .wp-block-media-text__content {

			background-color: hsl(0, 0%, 100%);

			background-color: var(--color-white);
			grid-column: left-wide / right-over;
			margin-top: auto;
			padding: calc(1.25rem * 3) calc(1.25rem * 2) 0 1.25rem;
			padding: var(--spacing-3) var(--spacing-2) 0 var(--gutter);
			z-index: 1
		}

@media (min-width: 55.01em) {


		.wp-block-media-text.is-style-hero .wp-block-media-text__content {
				padding: calc(1.25rem * 3) calc(1.25rem * 2) 0 calc(1.25rem * 5);
				padding: var(--spacing-3) var(--spacing-2) 0 var(--spacing-5)
		}
			}

@media (max-width: 37.5em) {


		.wp-block-media-text.is-style-hero .wp-block-media-text__content {
				background-color: transparent;
				grid-column: 1;
				grid-row: 2 !important;
				margin: calc(calc(1.25rem * 2) * -1) 0 0;
				margin: calc(var(--spacing-2) * -1) 0 0;
				padding: 0 1.25rem;
				padding: 0 var(--gutter)
		}
			}

@media (max-width: 37.5em) {

			.wp-block-media-text.is-style-hero .wp-block-media-text__content > *:first-child {
					background-color: hsl(0, 0%, 100%);
					background-color: var(--color-white);
					margin-left: calc(1.25rem * -1);
					margin-left: calc(var(--gutter) * -1);
					padding: calc(1.25rem * 1.5) 1.25rem 0;
					padding: var(--spacing-150) var(--gutter) 0;
					max-width: 86vw
			}
				}

.wp-block-media-text.is-style-hero .wp-block-media-text__content > *:last-child {
				margin-bottom: 0;
			}

.wp-block-media-text.is-style-hero .wp-block-media-text__content .button {
				display: inline-block;
				margin: calc(1.25rem * 1.5) 0 0 calc(1.25rem / 2);
				margin: var(--spacing-150) 0 0 var(--spacing-050);
			}

.wp-block-media-text {

	/* Circle image */
}

.wp-block-media-text.is-style-circle-image .wp-block-media-text__media img {
				border-radius: 50%;
				height: 300px;
				margin-left: auto;
				margin-right: auto;
				-o-object-fit: cover;
				   object-fit: cover;
				width: 300px;
			}

.wp-block-media-text.is-style-circle-image .wp-block-media-text__content {

			margin: 0 auto 0 calc(1.25rem * 3);

			margin: 0 auto 0 var(--spacing-3);
			padding: 0;
			max-width: 510px
		}

@media (max-width: 37.5em) {


		.wp-block-media-text.is-style-circle-image .wp-block-media-text__content {
				margin: 0 auto
		}
			}

.wp-block-media-text.is-style-circle-image.has-media-on-the-right .wp-block-media-text__content {

				margin: 0 calc(1.25rem * 3) 0 auto;

				margin: 0 var(--spacing-3) 0 auto
			}

@media (max-width: 37.5em) {


			.wp-block-media-text.is-style-circle-image.has-media-on-the-right .wp-block-media-text__content {
					margin: 0 auto
			}
				}

/* --- .wp-block-image --- */

.wp-block-image {
	margin-bottom: 1.25rem;
	margin-bottom: var(--spacing);
}

/* --- .wp-block-quote --- */

.wp-block-quote {
	border: none;
	font-weight: 400;
	margin-bottom: calc(1.25rem * 2.5);
	margin-bottom: var(--spacing-250);
	margin-top: calc(1.25rem * 2.5);
	margin-top: var(--spacing-250)
}

@media (min-width: 55.01em) {

.wp-block-quote {
		padding-left: calc(1.25rem * 3);
		padding-left: var(--spacing-3);
		padding-right: calc(1.25rem * 3);
		padding-right: var(--spacing-3)
}
	}

.wp-block-quote > * {
		border-left: 3px solid hsl(248, 75%, 58%);
		border-left: 3px solid var(--color-primary);
		margin: 0 auto;
		padding-left: calc(1.25rem * 1.5);
		padding-left: var(--spacing-150);
	}

.wp-block-quote p {
		font-size: inherit;
	}

.wp-block-quote p + p {
			padding-top: 1.25rem;
			padding-top: var(--spacing);
		}

@media (max-width: 37.5em) {

.wp-block-quote {
		font-size: 1.125rem
}
	}

.wp-block-quote cite {
		color: inherit;
		display: block;
		font-size: inherit;
		margin: 0;
		padding-top: 1.25rem;
		padding-top: var(--spacing);
	}

.wp-block-quote.is-style-large {
		font-family: "verdigris-mvb-pro-big", serif;
		font-family: var(--font-serif-big);
		font-size: 1.875rem
	}

@media (min-width: 55.01em) {

.wp-block-quote.is-style-large {
			padding-left: calc(1.25rem * 3);
			padding-left: var(--spacing-3);
			padding-right: calc(1.25rem * 3);
			padding-right: var(--spacing-3)
	}
		}

.wp-block-quote.is-style-large p {
			font-size: inherit;
			font-style: normal;
			line-height: 1.4;
		}

@media (max-width: 37.5em) {

.wp-block-quote.is-style-large {
			font-size: 1.5rem
	}
		}

.wp-block-quote.is-style-large cite {
			font-size: 0.75em;
			text-align: left;
		}

/* --- .wp-block-separator --- */

.wp-block-separator,
hr {
	border-bottom: 3px solid hsl(255, 27%, 94%);
	border-bottom: 3px solid var(--color-gray-light);
	margin-bottom: calc(1.25rem * 3);
	margin-bottom: var(--spacing-3);
	margin-top: calc(1.25rem * 3);
	margin-top: var(--spacing-3);
	padding-left: 0 !important;
	padding-right: 0 !important
}

@media (min-width: 55.01em) {

.wp-block-separator,
hr {
		margin-bottom: calc(1.25rem * 5);
		margin-bottom: var(--spacing-5);
		margin-top: calc(1.25rem * 5);
		margin-top: var(--spacing-5)
}
	}

.wp-block-separator:not(.alignfull):not(.alignwide), hr:not(.alignfull):not(.alignwide) {
		max-width: 730px;
		max-width: var(--max-content);
	}

.wp-block-separator.alignwide, hr.alignwide {
		max-width: 1110px !important;
		max-width: var(--max-wide-width) !important;
	}

.wp-block-separator.alignfull, hr.alignfull {
		max-width: 100vw !important;
	}

/*--------------------------------------------------------------
	# Groups
--------------------------------------------------------------*/

.alignfull .wp-block-group__inner-container > *:not(.alignwide) {
		margin-left: auto;
		margin-right: auto;
		max-width: calc(730px + (2 * 1.25rem));
		max-width: var(--max-width-content);
	}

.recent-section {
	flex-wrap: nowrap
}

@media (max-width: 50em) {

.recent-section {
		flex-wrap: wrap
}
	}

@media (max-width: 37.5em) {

	.recent-section .card {
			margin-left: calc(1.25rem * -1) !important;
			margin-left: calc(var(--gutter) * -1) !important;
			margin-right: calc(1.25rem * -1) !important;
			margin-right: calc(var(--gutter) * -1) !important;
			order: -1
	}
		}

@media (max-width: 50em) {

	.recent-section .wp-block-column {
			margin-right: calc(1.25rem * 2);
			margin-right: var(--spacing-2)
	}
		}

@media (min-width: 55.01em) {

	.recent-section .wp-block-column {
			margin-right: calc(1.25rem * 5);
			margin-right: var(--spacing-5)
	}
		}

@media (max-width: 50em) {

	.recent-section .wp-block-column {
			flex-basis: 100% !important
	}
		}

.recent-section .wp-block-column:not(:first-child) {
		margin-left: 0;
		margin-right: 0;
	}

@media (max-width: 55em) {

	.recent-section .wp-block-column:first-child {
			padding: 0;
			margin-left: 0
	}
		}

.recent-section .wp-block-column:first-child .is-style-topper {
			margin-top: calc(1.25rem * 2);
			margin-top: var(--spacing-2);
		}

@media (max-width: 37.5em) {

		.recent-section .wp-block-column:first-child .wp-block-button {
				display: block;
				width: 100%;
		}

				.recent-section .wp-block-column:first-child .wp-block-button .wp-block-button__link {
					margin: calc(1.25rem * 2) 0;
					margin: var(--spacing-2) 0;
					text-align: center;
					max-width: 100%;
				}
			}

.recent-section.flip .wp-block-column {
			margin-right: 0;
		}

@media (min-width: 37.51em) {

		.recent-section.flip .wp-block-column:first-child {
				margin-left: calc(1.25rem * 2);
				margin-left: var(--spacing-2);
				margin-right: 1.25rem;
				margin-right: var(--gutter);
				order: 1;
				padding: 0
		}
			}

@media (min-width: 55.01em) {

		.recent-section.flip .wp-block-column:first-child {
				margin-left: calc(1.25rem * 5);
				margin-left: var(--spacing-5)
		}
			}

.recent-section.archive-hero {
		margin-bottom: calc(1.25rem * 6);
		margin-bottom: var(--spacing-6)
	}

@media (max-width: 37.5em) {

.recent-section.archive-hero {
			margin-bottom: calc(1.25rem * 3);
			margin-bottom: var(--spacing-3)
	}
		}

@media (min-width: 37.51em) {

		.recent-section.archive-hero .card-content {
				margin-left: calc(calc(1.25rem * 2) * -1);
				margin-left: calc(var(--spacing-2) * -1);
				max-width: 85%;
				padding-left: 0
		}
			}

.recent-section .card-content {
		margin-top: calc(calc(1.25rem * 2) * -1);
		margin-top: calc(var(--spacing-2) * -1);
		position: relative
	}

@media (min-width: 37.51em) {

	.recent-section .card-content {
			margin-left: auto;
			margin-top: calc(calc(1.25rem * 4) * -1);
			margin-top: calc(var(--spacing-4) * -1);
			max-width: 75%;
			padding: calc(1.25rem / 2) calc(1.25rem * 1.5);
			padding: var(--spacing-050) var(--spacing-150)
	}
		}

.recent-section .card-content p:not(.is-style-topper) {
			font-size: 1.125rem;
			font-size: var(--font-size-default);
		}

/* --- featured posts --- */

.featured-posts {
	margin-top: calc(1.25rem * 4);
	margin-top: var(--spacing-4);
	padding: 0 1.25rem;
	padding: 0 var(--gutter)
}

@media (max-width: 37.5em) {

.featured-posts {
		margin-top: calc(1.25rem * 2);
		margin-top: var(--spacing-2)
}
	}

.featured-posts .is-style-topper {
		font-size: 1.25rem;
		font-size: var(--font-size-just-bigger);
		margin-bottom: calc(1.25rem * 2);
		margin-bottom: var(--spacing-2);
	}

@media (max-width: 37.5em) {

	.featured-posts .card {
			margin: 0 0 calc(1.25rem * 1.5);
			margin: 0 0 var(--spacing-150)
	}
		}

.featured-posts .card h4 {
			font-size: 1.875rem
			    padding-top: 1.5rem;
		}

@media (max-width: 37.5em) {

		.featured-posts .card h4 {
				font-size: 1.5rem
		}
			}

.featured-posts .wp-block-column a {
			text-decoration: none
		}

.featured-posts .wp-block-column a:hover {
				background-color: transparent;
				color: hsl(248, 65%, 48%);
				color: var(--color-hover);
				text-decoration: underline;
			}

.featured-posts .wp-block-column p {
			font-size: 1rem;
			font-size: var(--font-size-small);
			line-height: 1.5
		}

@media (max-width: 37.5em) {

		.featured-posts .wp-block-column p {
				font-size: 1rem
		}
			}

.featured-posts figure {
		height: 0;
		padding-bottom: 58%;
		position: relative;
		width: 100%;
	}

.featured-posts figure img {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			position: absolute;
		}

/* --- Eassy Favorites --- */

.essay-favs.wp-block-group.has-background {
		margin-top: calc(1.25rem * 3);
		margin-top: var(--spacing-3);
		margin-bottom: calc(1.25rem * 3);
		margin-bottom: var(--spacing-3);
		padding-top: calc(1.25rem * 3);
		padding-top: var(--spacing-3);
		padding-bottom: calc(1.25rem * 3);
		padding-bottom: var(--spacing-3);
	}

.essay-favs img {
		height: 300px;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
	}

@media (max-width: 37.5em) {

	.essay-favs .card {
			margin-top: calc(1.25rem * 2);
			margin-top: var(--spacing-2)
	}
		}

@media (max-width: 37.5em) {

			.essay-favs .card .card-content .wp-block-group__inner-container figure {
					padding: 0
			}
				}

.essay-favs .card .card-content .wp-block-group__inner-container h4 {
				font-size: 1.875rem
			}

@media (max-width: 37.5em) {

			.essay-favs .card .card-content .wp-block-group__inner-container h4 {
					font-size: 1.5rem;
					padding: 0
			}
				}

.essay-favs .card .card-content .wp-block-group__inner-container p {
				padding: 0 calc(1.25rem * 1.5) 0 0;
				padding: 0 var(--spacing-150) 0 0;
			}

/*--------------------------------------------------------------
	# Content mentions
--------------------------------------------------------------*/

.content-mentions {
	border-top: 3px solid hsl(255, 27%, 94%);
	border-top: 3px solid var(--color-gray-light);
	margin: calc(1.25rem * 3) auto 0;
	margin: var(--spacing-3) auto 0;
	padding: calc(1.25rem * 3) 1.25rem 0;
	padding: var(--spacing-3) var(--gutter) 0;
	max-width: calc(730px + (2 * 1.25rem));
	max-width: var(--max-width-content)
}

@media (min-width: 55.01em) {

.content-mentions {
		margin: calc(1.25rem * 4) auto 0;
		margin: var(--spacing-4) auto 0;
		padding-top: calc(1.25rem * 4);
		padding-top: var(--spacing-4)
}
	}

.content-mentions h2 {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 1.25rem;
		font-size: var(--spacing);
		letter-spacing: 0.16em;
		letter-spacing: var(--letter-spacing);
		margin: 0;
		text-transform: uppercase;
	}

.content-mentions-tile {
	display: grid;
	grid-gap: 1.25rem;
	gap: 1.25rem;
	grid-gap: var(--spacing);
	gap: var(--spacing);
	grid-template-columns: 1fr;
	margin-top: calc(1.25rem * 3);
	margin-top: var(--spacing-3)
}

@media (min-width: 37.51em) {

.content-mentions-tile {
		grid-template-columns: 1fr 1fr
}
	}

.content-mentions-tile a.content-mention-card {
		align-self: start;
		border: 1px solid hsl(250, 29%, 92%);
		border: 1px solid var(--color-outline);
		border-radius: 5px;
		padding: 1.25rem;
		padding: var(--spacing);
		text-decoration: none;
		transition: border 0.15s ease;
		transition: border var(--speed) ease
	}

.content-mentions-tile a.content-mention-card:hover {
			background-color: transparent;
			border-color: hsl(248, 65%, 48%);
			border-color: var(--color-hover);
		}

.content-mention-card-header {
	color: hsl(248, 75%, 58%);
	color: var(--color-primary);
	display: block;
	font-family: "verdigris-mvb-pro-big", serif;
	font-family: var(--font-serif-big);
	font-size: 1.875rem;
	line-height: 1.2;
}

.content-mention-card-excerpt {
	color: hsl(0, 0%, 26%);
	color: var(--color-gray);
	display: block;
	font-size: 1rem;
	font-size: var(--font-size-small);
	font-weight: 400;
	margin-top: calc(1.25rem / 2);
	margin-top: var(--spacing-050);
}

/*--------------------------------------------------------------
	# Archive river layout
--------------------------------------------------------------*/

.infinite-wrap {
	display: grid;
	grid-gap: calc(1.25rem * 4) calc(1.25rem * 1.5);
	gap: calc(1.25rem * 4) calc(1.25rem * 1.5);
	grid-gap: var(--spacing-4) var(--spacing-150);
	gap: var(--spacing-4) var(--spacing-150);
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	margin: 0 auto;
	padding: 0 1.25rem;
	padding: 0 var(--gutter);
	max-width: calc(1110px + (2 * 1.25rem));
	max-width: var(--max-width-global)
}

@media (max-width: 37.5em) {

.infinite-wrap {
		grid-gap: calc(1.25rem * 2) calc(1.25rem * 1.5);
		gap: calc(1.25rem * 2) calc(1.25rem * 1.5);
		grid-gap: var(--spacing-2) var(--spacing-150);
		gap: var(--spacing-2) var(--spacing-150);
		margin: 0 1.25rem;
		margin: 0 var(--gutter);
		padding: 0
}
	}

.infinite-wrap img {
		height: 200px;
		-o-object-fit: cover;
		   object-fit: cover;
	}

@media (min-width: 37.51em) {

	.infinite-wrap .card {
			max-width: 500px
	}
		}

@media (min-width: 55.01em) {

	.infinite-wrap .card {
			max-width: 350px
	}
		}

.infinite-wrap + .infinite-wrap {
	margin-top: calc(1.25rem * 4);
	margin-top: var(--spacing-4)
}

@media (max-width: 37.5em) {

.infinite-wrap + .infinite-wrap {
		margin-top: calc(1.25rem * 2);
		margin-top: var(--spacing-2)
}
	}

.page-template-archive-notes h1 {
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
}

.archive .page-header {
		margin-top: calc(1.25rem * 5);
		margin-top: var(--spacing-5);
		margin-bottom: calc(1.25rem * 4);
		margin-bottom: var(--spacing-4);
	}

/*--------------------------------------------------------------
	# ConvertKit form
--------------------------------------------------------------*/

#content .seva-form.formkit-form {
		background: hsl(240, 33%, 98%) !important;
		background: var(--color-bluey-gray) !important;
		max-width: 730px;
		max-width: var(--max-content);
	}

#content .seva-form.formkit-form > div {
			padding: 0;
		}

#content .seva-form.formkit-form .formkit-input {
			border-color: hsl(248, 75%, 58%) !important;
			border-color: var(--color-primary) !important;
			padding: 13px !important;
		}

#content .seva-form.formkit-form .formkit-submit {
			background-color: hsl(248, 75%, 58%) !important;
			background-color: var(--color-primary) !important
		}

#content .seva-form.formkit-form .formkit-submit:hover {
				background-color: hsl(248, 65%, 48%);
				background-color: var(--color-hover);
			}

#content .seva-form.formkit-form h1,
		#content .seva-form.formkit-form p {
			color: hsl(0, 0%, 26%) !important;
			color: var(--color-text) !important;
		}

#content .formkit-form .formkit-fields {
		align-items: center;
	}

.convertkit-bg.wp-block-group.has-background {
	padding: 0 0 1.25rem;
	padding: 0 0 var(--spacing);
}

.convertkit-bg.wp-block-group.has-background .wp-block-group__inner-container > *:not(.has-background) {
		padding-left: calc(1.25rem * 2);
		padding-left: var(--spacing-2);
		padding-right: calc(1.25rem * 2);
		padding-right: var(--spacing-2);
	}

.convertkit-bg.wp-block-group.has-background .has-background {
		margin: 0 0 calc(1.25rem * 2);
		margin: 0 0 var(--spacing-2);
	}

.convertkit-bg.wp-block-group.has-background .seva-form.formkit-form {
		margin-top: calc(1.25rem * 2);
		margin-top: var(--spacing-2);
	}

.convertkit-bg.has-background h2 {
		font-family: "verdigris-mvb-pro-big", serif;
		font-family: var(--font-serif-big);
		font-size: 2.25rem;
		font-size: var(--font-size-large)
	}

.convertkit-bg.has-background h2.has-background {
			padding: calc(1.25rem * 2);
			padding: var(--spacing-2 var(--spacing));
		}

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

.entry-content > .seva-form.formkit-form {
	border: none;
	margin-top: calc(1.25rem * 3);
	margin-top: var(--spacing-3);
	padding: calc(1.25rem * 3) 1.25rem 0;
	padding: var(--spacing-3) var(--spacing) 0;
}

/*--------------------------------------------------------------
	# Search and 404
--------------------------------------------------------------*/

.not-found {
	margin: calc(1.25rem * 5) auto;
	margin: var(--spacing-5) auto;
	text-align: center;
}

.not-found .search-form {
		margin-top: calc(1.25rem * 2);
		margin-top: var(--spacing-2);
	}

.not-found .search-field {
		border: 1px solid hsl(248, 75%, 58%);
		border: 1px solid var(--color-primary);
		padding: calc(1.25rem / 2);
		padding: var(--spacing-050);
		text-align: center;
	}

.not-found .search-submit {
		margin: 1.25rem auto;
		margin: var(--spacing) auto;
	}

/*--------------------------------------------------------------
	# Link preview
--------------------------------------------------------------*/

.link-preview-wrapper {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--color-white);
	border: 1px solid hsl(250, 29%, 92%);
	border: 1px solid var(--color-outline);
	border-radius: 5px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
	max-height: 230px;
	padding: 1.25rem 0 0.75rem;
	padding: var(--spacing) 0 0.75rem;
	position: fixed;
	width: 250px;
}

.link-preview-wrapper h1 {
		color: hsl(248, 75%, 58%);
		color: var(--color-primary);
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 1.125rem;
		font-size: var(--font-size-default);
		line-height: 1.2;
		margin: 0 0 1.25rem;
		margin: 0 0 var(--spacing);
		padding: 0 1.25rem;
		padding: 0 var(--spacing);
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

.link-preview-wrapper p {
		font-size: 14px;
		line-height: 1.4;
		margin: 0 0 1.25rem;
		margin: 0 0 var(--spacing);
		padding: 0 1.25rem;
		padding: 0 var(--spacing);
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

.link-preview-wrapper span {
		border-top: 1px solid hsl(255, 27%, 94%);
		border-top: 1px solid var(--color-gray-light);
		color: hsl(248, 75%, 58%);
		color: var(--color-primary);
		display: flex;
		overflow: hidden;
		font-size: 14px;
		padding: 0.75rem 1.25rem 0;
		padding: 0.75rem var(--spacing) 0

		/* stylelint-disable */
	}

.link-preview-wrapper span::before {
			content: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='13px' height='12px' viewBox='0 0 13 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cdefs%3E%3Cpath d='M11.4184,0.93205 C12.5944,2.11505 12.5944,4.01905 11.4184,5.20205 L10.3474,6.26605 C9.5634,7.05004925 8.45739,7.29505 7.44939,7.02905 L9.2834,5.20205 L9.8154,4.66305 L10.3474,4.13105 C10.9354,3.54305 10.9354,2.59105 10.3474,2.00305 C9.7594,1.40805 8.80739,1.40805 8.21939,2.00305 L7.68039,2.53505 L5.31439,4.90105 C5.05539,3.89305 5.30039,2.78705 6.08439,2.00305 L7.14839,0.93205 C8.33139,-0.243951 10.2424,-0.243951 11.4184,0.93205 Z M5.01339,8.40105 L8.75139,4.66305 C9.0454,4.36905 9.0454,3.89305 8.75139,3.59905 C8.44339,3.29805 7.96039,3.32605 7.68039,3.59905 L3.94939,7.33705 C3.65539,7.63105 3.65539,8.10705 3.94939,8.40105 C4.25739,8.70205 4.74039,8.67405 5.01339,8.40105 Z M7.37939,7.09905 L4.48139,10.004 C3.89339,10.592 2.94139,10.592 2.35339,10.004 C1.75839,9.409 1.75839,8.45705 2.35339,7.86905 L5.25139,4.96405 C4.24339,4.70505 3.13739,4.95005 2.35339,5.73405 L1.28239,6.79805 C0.10639,7.97405 0.10639,9.892 1.28239,11.068 C2.46539,12.244 4.36939,12.244 5.55239,11.068 L6.61639,9.997 C7.40039,9.213 7.64539,8.10705 7.37939,7.09905 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-265.000000, -243.000000)'%3E%3Cg id='Group' transform='translate(265.000000, 243.000000)'%3E%3Cpath d='M11.4184,0.93205 C12.5944,2.11505 12.5944,4.01905 11.4184,5.20205 L10.3474,6.26605 C9.5634,7.05004925 8.45739,7.29505 7.44939,7.02905 L9.2834,5.20205 L9.8154,4.66305 L10.3474,4.13105 C10.9354,3.54305 10.9354,2.59105 10.3474,2.00305 C9.7594,1.40805 8.80739,1.40805 8.21939,2.00305 L7.68039,2.53505 L5.31439,4.90105 C5.05539,3.89305 5.30039,2.78705 6.08439,2.00305 L7.14839,0.93205 C8.33139,-0.243951 10.2424,-0.243951 11.4184,0.93205 Z M5.01339,8.40105 L8.75139,4.66305 C9.0454,4.36905 9.0454,3.89305 8.75139,3.59905 C8.44339,3.29805 7.96039,3.32605 7.68039,3.59905 L3.94939,7.33705 C3.65539,7.63105 3.65539,8.10705 3.94939,8.40105 C4.25739,8.70205 4.74039,8.67405 5.01339,8.40105 Z M7.37939,7.09905 L4.48139,10.004 C3.89339,10.592 2.94139,10.592 2.35339,10.004 C1.75839,9.409 1.75839,8.45705 2.35339,7.86905 L5.25139,4.96405 C4.24339,4.70505 3.13739,4.95005 2.35339,5.73405 L1.28239,6.79805 C0.10639,7.97405 0.10639,9.892 1.28239,11.068 C2.46539,12.244 4.36939,12.244 5.55239,11.068 L6.61639,9.997 C7.40039,9.213 7.64539,8.10705 7.37939,7.09905 Z' id='Shape' fill='%235A44E4'%3E%3C/path%3E%3Cg id='Clipped'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Shape'%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
			/* stylelint-enable */
			display: inline-block;
			margin-right: 8px;
		}

/*--------------------------------------------------------------
	# Note archive
--------------------------------------------------------------*/

.notes-term-filter-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: calc(1110px + (2 * 1.25rem));
	max-width: var(--max-width-global);
	padding: 0 1.25rem calc(1.25rem * 4);
	padding: 0 var(--gutter) var(--spacing-4)
}

@media (max-width: 37.5em) {

.notes-term-filter-container {
		margin: 0 1.25rem;
		margin: 0 var(--gutter);
		padding: 0 0 calc(1.25rem * 4);
		padding: 0 0 var(--spacing-4)
}
	}

.notes-term-filter-container label {
		border: 1px solid hsl(248, 75%, 58%);
		border: 1px solid var(--color-primary);
		border-radius: 2px;
		color: hsl(248, 75%, 58%);
		color: var(--color-primary);
		cursor: pointer;
		display: block;
		font-weight: 500;
		margin-top: 1.25rem;
		margin-top: var(--spacing);
		margin-right: 1em;
		padding: calc(1.25rem / 2) calc(1.25rem * 2);
		padding: var(--spacing-050) var(--spacing-2);
		max-width: -webkit-max-content;
		max-width: -moz-max-content;
		max-width: max-content;
		text-transform: capitalize;
		transition-property: background-color, box-shadow, color;
		transition-duration: 0.15s;
		transition-duration: var(--speed);
		transition-timing-function: ease
	}

.notes-term-filter-container label:last-of-type {
			margin-right: 0;
		}

.notes-term-filter-container label input {
			display: none;
		}

.notes-term-filter-container label:hover {
			box-shadow: inset 0 0 0 1px hsl(248, 75%, 58%);
			box-shadow: inset 0 0 0 1px var(--color-primary);
		}

.notes-term-filter-container label:focus {
			outline: 2px dotted hsl(248, 75%, 58%);
			outline: 2px dotted var(--color-primary);
		}

.notes-term-filter-container label.active {
			background-color: hsl(248, 75%, 58%);
			background-color: var(--color-primary);
			color: hsl(0, 0%, 100%);
			color: var(--color-white);
		}

/*--------------------------------------------------------------
	# Related posts
--------------------------------------------------------------*/

.related-posts-wrap {
	border-top: 3px solid hsl(255, 27%, 94%);
	border-top: 3px solid var(--color-gray-light);
	margin: calc(1.25rem * 6) auto;
	margin: var(--spacing-6) auto;
	max-width: 1110px;
	max-width: var(--max-wide-width);
	padding: calc(1.25rem * 4) 1.25rem 0;
	padding: var(--spacing-4) var(--gutter) 0;
}

.related-posts-wrap .wp-block-buttons {
		position: absolute;
		right: 0;
		top: -1.5rem
	}

@media (max-width: 55em) {

	.related-posts-wrap .wp-block-buttons {
			bottom: -4.5rem;
			top: auto;
			width: 100%
	}

			.related-posts-wrap .wp-block-buttons .wp-block-button {
				width: 100%;
				max-width: 100%;
			}

			.related-posts-wrap .wp-block-buttons .wp-block-button__link {
				text-align: center;
				max-width: 100%;
			}
		}

.related-posts-wrap .related-posts-header {
		display: block;
		padding: 0 0 calc(1.25rem * 2.5);
		padding: 0 0 var(--spacing-250);
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual {
		display: grid;
		grid-gap: calc(1.25rem * 1.5);
		gap: calc(1.25rem * 1.5);
		grid-gap: var(--spacing-150);
		gap: var(--spacing-150);
		grid-template-columns: 1fr 1fr 1fr;
		margin: 0
	}

@media (max-width: 37.5em) {

	.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual {
			grid-template-columns: 1fr
	}
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		float: none;
		width: 100%;
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
		opacity: 1;
		padding: 0;
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img {
		width: 100%;
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
		font-family: "verdigris-mvb-pro-big", serif;
		font-family: var(--font-serif-big);
		font-size: 1.875rem;
		font-weight: 400;
		line-height: 1.15;
		padding: 1.25rem 0;
		padding: var(--spacing) 0;
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
		color: hsl(248, 75%, 58%);
		color: var(--color-link)
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
			color: hsl(248, 65%, 48%);
			color: var(--color-hover);
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items p {
		color: hsl(0, 0%, 26%);
		color: var(--color-gray);
		font-size: 1rem;
		font-size: var(--font-size-small);
		line-height: 1.5;
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
		display: block;
	}

.single .entry-header {
		margin: calc(1.25rem * 2) auto;
		margin: var(--spacing-2) auto;
		max-width: calc(1110px + (2 * 1.25rem));
		max-width: var(--max-width-global);
	}

.single .entry-header-content {
		padding: 1.25rem 1.25rem;
		padding: var(--spacing) var(--gutter);
	}

.single .entry-meta {
		color: hsl(248, 75%, 58%);
		color: var(--color-primary);
		margin: calc(1.25rem / 2) 0 1.25rem;
		margin: var(--spacing-050) 0 var(--spacing);
	}

.single .term {
		font-size: 1rem;
		font-size: var(--font-size-small);
		font-weight: 700;
		letter-spacing: 0.16em;
		letter-spacing: var(--letter-spacing);
		text-transform: uppercase;
	}

.single .term a {
			text-decoration: none
		}

.single .term a:hover {
				background-color: transparent;
				color: hsl(248, 65%, 48%);
				color: var(--color-hover);
				text-decoration: underline;
			}

.single .entry-title {
		color: hsl(248, 75%, 58%);
		color: var(--color-primary);
	}

/* Adjust layout when there is a featured image - expected component */

.single .has-post-thumbnail .entry-header {
			margin: 0 auto
		}

@media (min-width: 55.01em) {

		.single .has-post-thumbnail .entry-header {
				padding-left: calc(1.25rem * 5);
				padding-left: var(--spacing-5);
				padding-right: 1.25rem;
				padding-right: var(--gutter)
		}
			}

.single .has-post-thumbnail .post-thumbnail {
			display: flex;
			max-width: 100%;
			position: relative
		}

@media (min-width: 55.01em) {

		.single .has-post-thumbnail .post-thumbnail {
				height: 427px
		}
			}

.single .has-post-thumbnail .post-thumbnail img {
				box-shadow: calc(1.25rem * -1) 1.25rem 0 hsl(248, 75%, 58%);
				box-shadow: var(--shadow-bar-left);
				-o-object-fit: cover;
				   object-fit: cover;
				width: 100%
			}

@media (min-width: 55.01em) {

			.single .has-post-thumbnail .post-thumbnail img {
					margin-left: 1.25rem;
					margin-left: var(--spacing);
					position: absolute;
					height: 100%;
					width: calc(100% - 1.25rem);
					width: calc(100% - var(--spacing))
			}
				}

.single .has-post-thumbnail .entry-header-content {
			margin: 0;
			position: relative;
			max-width: 660px
		}

@media (min-width: 55.01em) {

		.single .has-post-thumbnail .entry-header-content {
				background-color: hsl(0, 0%, 100%);
				background-color: var(--color-white);
				margin-top: calc(calc(1.25rem * 6) * -1);
				margin-top: calc(var(--spacing-6) * -1);
				min-height: 140px
		}
			}

.single .entry-content p,
	.single .entry-content ol,
	.single .entry-content ul {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}

.single .wp-block-separator,
	.single hr,
	.singular .wp-block-separator,
	.singular hr {
		margin-bottom: calc(1.25rem * 2);
		margin-bottom: var(--spacing-2);
		margin-top: calc(1.25rem * 2);
		margin-top: var(--spacing-2)
	}

@media (min-width: 55.01em) {

	.single .wp-block-separator,
	.single hr,
	.singular .wp-block-separator,
	.singular hr {
			margin-bottom: calc(1.25rem * 3.5);
			margin-bottom: var(--spacing-350);
			margin-top: calc(1.25rem * 3.5);
			margin-top: var(--spacing-350)
	}
		}

.entry-content .footnote {
	background-color: hsla(248, 75%, 58%, 0.05);
	background-color: var(--color-new-purp-transparent);
	font-family: "verdigris-mvb-pro-text", serif;
	font-family: var(--font-serif);
	font-size: 1rem;
	font-size: var(--font-size-small);
	line-height: 1.5;
	padding: 1.25rem;
	padding: var(--spacing);
	display: none;
}

.entry-content .footnote p {
		font-size: inherit;
		line-height: inherit;
		margin: 0;
	}

.entry-content .footnote p + p {
			margin-top: calc(1.25rem / 2);
			margin-top: var(--spacing-050);
		}

@media (min-width: 75em) {

.entry-content .footnote {
		margin-top: calc(1.25rem * -1);
		margin-top: calc(var(--spacing) * -1);
		right: calc(((100vw - calc(730px + (2 * 1.25rem))) / 2) - (230px + calc(1.25rem / 2)));
		right: calc(((100vw - var(--max-width-content)) / 2) - (230px + var(--spacing-050)));
		position: absolute;
		width: 230px;
		display: block
}
	}

.entry-content .footnote + .footnote {
		margin-top: 1.25rem;
		margin-top: var(--spacing);
	}

.entry-content .footnote .footnote-marker {
		background-color: transparent;
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: inherit;
		padding: 0;
		vertical-align: auto;
	}

.entry-content .footnote-visible {
	display: block;
}

.footnote-marker {
	background-color: hsla(248, 75%, 58%, 0.05);
	color: hsl(248, 75%, 58%);
	font-size: 0.75em;
	font-weight: 700;
	padding: 4px 4px 2px;
	vertical-align: super;
}

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

/* --- Text meant only for screen readers. --- */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	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;
	color: #21759b;
	display: block;
	font-size: 14px;
	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;
}

.hide-visually {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

/* --- Skip Link --- */

.skip-link {
	left: -9999rem;
	top: 0;
	z-index: 999999999;
}

.skip-link:focus {
	background: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	color: #0073aa;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 700;
	left: 6px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 7px;
	z-index: 100000;
}

/*--------------------------------------------------------------
  # Template width
--------------------------------------------------------------*/

.responsive-max-width {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-left: var(--gutter);
	padding-right: 1.25rem;
	padding-right: var(--gutter);
	max-width: calc(1110px + (2 * 1.25rem));
	max-width: var(--max-width-global);
}

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

.alignwide,
* > .alignwide {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-left: var(--gutter);
	padding-right: 1.25rem;
	padding-right: var(--gutter);
	width: 100%;
	max-width: calc(1110px + (2 * 1.25rem));
	max-width: var(--max-width-global);
}

.alignwide .alignwide, * > .alignwide .alignwide {
		padding-left: 0;
		padding-right: 0;
	}

.alignfull,
* > .alignfull {
	padding-left: 0;
	padding-right: 0;
	width: 100vw;
	max-width: 100vw;
}

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

.uppercase,
.is-style-uppercase {
	text-transform: uppercase;
}

/* --- .topper --- */

.is-style-topper {
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-size: var(--font-size-small);
	font-weight: 700;
	letter-spacing: 0.16em;
	letter-spacing: var(--letter-spacing);
	line-height: 1;
	text-transform: uppercase;
}

/* --- .intro --- */

.is-style-intro {
	font-size: 1.625rem;
	font-size: var(--font-size-medium);
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: calc(1.25rem * 2);
	margin-bottom: var(--spacing-2);
	margin-top: calc(1.25rem * 2);
	margin-top: var(--spacing-2);
}

/* --- section head --- */

.is-style-section-head {
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 2.25rem;
	font-size: var(--font-size-large);
	line-height: 1.3;
}

/* --- font sizes --- */

.has-small-font-size {
	font-size: 1rem;
	font-size: var(--font-size-small);
}

.has-normal-font-size {
	font-size: 1.125rem;
	font-size: var(--font-size-default);
}

.has-just-bigger-font-size {
	font-size: 1.25rem;
	font-size: var(--font-size-just-bigger);
}

.has-medium-font-size {
	font-size: 1.625rem;
	font-size: var(--font-size-medium);
}

.has-large-font-size {
	font-size: 2.25rem;
	font-size: var(--font-size-large);
}

.has-larger-font-size {
	font-size: 3rem;
	font-size: var(--font-size-larger);
}

.has-huge-font-size {
	font-size: 3.75rem;
	font-size: var(--font-size-huge);
}

.has-medium-font-size,
.has-large-font-size,
.has-huge-font-size {
	line-height: 1.3;
}

.has-medium-font-size a, .has-large-font-size a, .has-huge-font-size a {
		text-decoration: none;
	}

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

.is-style-no-bullet-list {
	list-style: none;
}

.is-style-no-bullet-list li {
		line-height: 1.25;
		margin: 0.5em 0 0;
	}

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

/* --- Background colors --- */

.wp-block-group.has-background,
.has-background {
	margin-bottom: calc(1.25rem * 3);
	margin-bottom: var(--spacing-3);
	margin-top: calc(1.25rem * 3);
	margin-top: var(--spacing-3);
	padding: calc(1.25rem * 3) 0;
	padding: var(--spacing-3) 0
}

@media (min-width: 55.01em) {

.wp-block-group.has-background,
.has-background {
		margin-bottom: calc(1.25rem * 5);
		margin-bottom: var(--spacing-5);
		margin-top: calc(1.25rem * 5);
		margin-top: var(--spacing-5);
		padding: calc(1.25rem * 5) 0;
		padding: var(--spacing-5) 0
}
	}

.has-primary-background-color {
	background-color: hsl(248, 75%, 58%);
	background-color: var(--color-primary);
	--bgc: var(--color-primary);
}

.has-gray-background-color {
	background-color: hsl(0, 0%, 26%);
	background-color: var(--color-gray);
	--bgc: var(--color-gray);
}

.has-gray-light-background-color {
	background-color: hsl(255, 27%, 94%);
	background-color: var(--color-gray-light);
	--bgc: var(--color-gray-light);
}

.has-bluey-gray-background-color {
	background-color: hsl(240, 33%, 98%);
	background-color: var(--color-bluey-gray);
	--bgc: var(--color-bluey-gray);
}

.has-black-background-color {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--color-black);
	--bgc: var(--color-black);
}

.has-white-background-color {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--color-white);
	--bgc: var(--color-white);
}

/* --- Text colors --- */

.has-primary-color {
	color: hsl(248, 75%, 58%);
	color: var(--color-primary);
}

.has-gray-color {
	color: hsl(0, 0%, 26%);
	color: var(--color-gray);
}

.has-gray-light-color {
	color: hsl(255, 27%, 94%);
	color: var(--color-gray-light);
}

.has-bluey-gray-color {
	color: var(--color--bluey-gray);
}

.has-black-color {
	color: hsl(0, 0%, 0%);
	color: var(--color-black);
}

.has-white-color {
	color: hsl(0, 0%, 100%);
	color: var(--color-white);
}

/*--------------------------------------------------------------
  # Margins
--------------------------------------------------------------*/

.has-small-margin-top {
	margin-top: calc(1.25rem * 1.5);
	margin-top: var(--spacing-150);
}

.has-medium-margin-top {
	margin-top: calc(1.25rem * 3);
	margin-top: var(--spacing-3);
}

.has-large-margin-top {
	margin-top: calc(1.25rem * 5);
	margin-top: var(--spacing-5);
}

@media (max-width: 37.5em) {

	.has-medium-margin-top {
		margin-top: calc(1.25rem * 1.5);
		margin-top: var(--spacing-150);
	}

	.has-large-margin-top {
		margin-top: calc(1.25rem * 3);
		margin-top: var(--spacing-3);
	}
}

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

.is-style-shadow-right img {
	box-shadow: 1.25rem 1.25rem 0 hsl(248, 75%, 58%);
	box-shadow: var(--shadow-bar-right);
}

.is-style-shadow-left img {
	box-shadow: calc(1.25rem * -1) 1.25rem 0 hsl(248, 75%, 58%);
	box-shadow: var(--shadow-bar-left);
}