@charset "UTF-8";

/*!
Theme Name: fasterandworse
Theme URI: http://underscores.me/
Author: Stephen Farrugia
Author URI: http://fasterandworse.com
Description: blog
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: faw
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

fasterandworse is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Fonts
--------------------------------------------- */
@font-face {
	font-family: Barlow;
	font-weight: 400;
	font-display: swap;
	src: local("Barlow Regular"), local("Barlow-Regular"), url(fonts/Barlow-Regular.woff2) format("woff2");
}

@font-face {
	font-family: Barlow;
	font-weight: 700;
	font-display: swap;
	src: local("Barlow Bold"), local("Barlow-Bold"), url(fonts/Barlow-Bold.woff2) format("woff2");
}

@font-face {
	font-family: Libertinus;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("Libertinus Serif Regular"), local("LibertinusSerif-Regular"), url(fonts/LibertinusSerif-Regular.woff2) format("woff2");
}

@font-face {
	font-family: Libertinus;
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: local("Libertinus Serif Italic"), local("LibertinusSerif-Italic"), url(fonts/LibertinusSerif-Italic.woff2) format("woff2");
}

@font-face {
	font-family: Libertinus;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: local("Libertinus Serif Semibold"), local("LibertinusSerif-Semibold"), url(fonts/LibertinusSerif-Semibold.woff2) format("woff2");
}

/* Keyframes
--------------------------------------------- */
@keyframes saturationsA {

	0% {
		filter: saturate(70%) brightness(1);
	}

	20% {
		filter: saturate(90%) brightness(1);
	}

	40% {
		filter: saturate(40%) brightness(1.25);
	}

	60% {
		filter: saturate(60%) brightness(1.1);
	}

	80% {
		filter: saturate(40%) brightness(1.15);
	}

	100% {
		filter: saturate(80%) brightness(1);
	}
}

@keyframes saturationsB {

	0% {
		filter: saturate(40%) brightness(1.12);
	}

	20% {
		filter: saturate(70%) brightness(1);
	}

	40% {
		filter: saturate(20%) brightness(1.25);
	}

	60% {
		filter: saturate(80%) brightness(1.01);
	}

	80% {
		filter: saturate(30%) brightness(1.2);
	}

	100% {
		filter: saturate(60%) brightness(1.1);
	}
}

@keyframes saturationsC {

	0% {
		filter: saturate(80%) brightness(1.08);
	}

	20% {
		filter: saturate(30%) brightness(1.18);
	}

	40% {
		filter: saturate(70%) brightness(1.05);
	}

	60% {
		filter: saturate(40%) brightness(1.15);
	}

	80% {
		filter: saturate(90%) brightness(1);
	}

	100% {
		filter: saturate(20%) brightness(1.2);
	}
}

@keyframes transformsA {

	0% {
		transform: translateX(-10%) translateY(-10%) rotate(10deg);
	}

	20% {
		transform: translateX(-5%) translateY(2%) rotate(-3deg);
	}

	40% {
		transform: translateX(4%) translateY(8%) rotate(-8deg);
	}

	60% {
		transform: translateX(9%) translateY(-3%) rotate(4deg);
	}

	80% {
		transform: translateX(0%) translateY(6%) rotate(1deg);
	}

	100% {
		transform: translateX(-1%) translateY(-1%) rotate(6deg);
	}
}

@keyframes transformsB {

	0% {
		transform: translateX(3%) translateY(-6%) rotate(-2deg);
	}

	20% {
		transform: translateX(-8%) translateY(-4%) rotate(8deg);
	}

	40% {
		transform: translateX(-2%) translateY(6%) rotate(-6deg);
	}

	60% {
		transform: translateX(3%) translateY(0%) rotate(1deg);
	}

	80% {
		transform: translateX(-7%) translateY(-3%) rotate(9deg);
	}

	100% {
		transform: translateX(-3%) translateY(10%) rotate(-8deg);
	}
}

@keyframes transformsC {

	0% {
		transform: translateX(8%) translateY(9%) rotate(-6deg);
	}

	20% {
		transform: translateX(-7%) translateY(-10%) rotate(3deg);
	}

	40% {
		transform: translateX(2%) translateY(2%) rotate(1deg);
	}

	60% {
		transform: translateX(6%) translateY(5%) rotate(10deg);
	}

	80% {
		transform: translateX(10%) translateY(-7%) rotate(-2deg);
	}

	100% {
		transform: translateX(-4%) translateY(-9%) rotate(-10deg);
	}
}

/* Variables
--------------------------------------------- */
:root {
	--font-sans-serif: "Barlow", "Helvetica Neue", helvetica, "Arimo", arial, sans-serif;
	--font-serif: "Libertinus", "Times New Roman", "Tinos", times, serif;
	--margin-small: 0.3rem;
	--margin-medium: 0.6rem;
	--margin: 1rem;
	--margin-bigger: 2rem;
	--margin-large: 2.5rem;
	--colour-base-blue: hsl(208, 100%, 50%);
	--colour-bg-base: rgb(255, 255, 255);
	--colour-bg-base-mid: rgb(238, 238, 238);
	--colour-bg-base-mid-alt: rgb(239, 239, 239);
	--colour-fg-base: rgb(25, 25, 25);
	--colour-fg-base-mid: rgb(42, 42, 42);
	--colour-fg-base-light: rgb(121, 121, 121);
	--colour-fg-base-faint: rgb(195, 195, 195);
	--colour-fg-base-ghost: rgb(219, 219, 219);
	--body-font-family: var(--font-serif, serif);
	--body-font-size: 1.3rem;
	--body-line-height: 1.5;
	--hue-animation-duration: 48000ms;
	--sans-serif-title-text-size: 0.7rem;
	--sans-serif-title-text-weight: 400;
	--sans-serif-title-text-color: var(--colour-fg-base-mid, rgb(42, 42, 42));
	--sans-serif-title-text-letter-spacing: 0.04rem;
	--sans-serif-title-text-transform: uppercase;
}

:root[data-theme="dark"] {
	--colour-bg-base: rgb(25, 25, 25);
	--colour-bg-base-mid: rgb(42, 42, 42);
	--colour-bg-base-mid-alt: rgb(41, 41, 41);
	--colour-fg-base: rgb(255, 255, 255);
	--colour-fg-base-mid: rgb(238, 238, 238);
	--colour-fg-base-light: rgb(159, 159, 159);
	--colour-fg-base-faint: rgb(85, 85, 85);
	--colour-fg-base-ghost: rgb(61, 61, 61);
}

@media (prefers-color-scheme: dark) {

	:root:not([data-theme]) {
		--colour-bg-base: rgb(25, 25, 25);
		--colour-bg-base-mid: rgb(42, 42, 42);
		--colour-bg-base-mid-alt: rgb(41, 41, 41);
		--colour-fg-base: rgb(255, 255, 255);
		--colour-fg-base-mid: rgb(238, 238, 238);
		--colour-fg-base-light: rgb(159, 159, 159);
		--colour-fg-base-faint: rgb(85, 85, 85);
		--colour-fg-base-ghost: rgb(61, 61, 61);
	}
}

/* All
--------------------------------------------- */
:root {
	box-sizing: border-box;
}

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

/* Root
--------------------------------------------- */
:root {
	font-family: var(--font-serif, serif);
	font-weight: 400;
	font-size: 19px;
	background-color: var(--colour-bg-base, #fff);
	color: var(--colour-fg-base, #191919);
	text-rendering: optimizelegibility;
	line-height: 1.4;
}

body {
	margin-top: var(--margin, 1rem);
	margin-bottom: 0;
	margin-left: var(--margin, 1rem);
	margin-right: var(--margin, 1rem);
	background-color: inherit;
}

body.home {
	margin-top: var(--margin-large, 2.5rem);
}

@media (min-width: 500px) {

	body {
		margin-left: var(--margin-large, 2.5rem);
		margin-right: var(--margin-large, 2.5rem);
	}
}

/* Elements
--------------------------------------------- */
a {
	text-decoration: none;
	text-decoration: underline;
	text-decoration-style: solid;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--colour-fg-base-light, #c3c3c3);
	color: currentcolor;
}

a:link {
	color: currentcolor;
}

a:visited {
	color: currentcolor;
	text-decoration-color: var(--colour-fg-base-light, #dbdbdb);
}

a:hover {
	color: currentcolor;
	text-decoration-color: var(--colour-base-blue, #08f);
}

a:active {
	color: currentcolor;
	text-decoration-color: var(--colour-base-blue, #08f);
}

a:focus {
	color: currentcolor;
	outline-color: var(--colour-base-blue, #08f);
}

abbr {
	text-decoration: none;
}

abbr:hover {
	text-decoration: underline dotted;
	text-decoration-color: var(--colour-fg-base-faint, #c3c3c3);
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="email"] {
	font-family: var(--font-serif, serif);
	font-weight: 400;
	font-size: 0.8rem;
	border-width: 1px;
	border-radius: 0;
	border-style: solid;
	border-top-color: var(--colour-bg-base-mid-alt, #efefef);
	border-left-color: var(--colour-bg-base-mid-alt, #efefef);
	border-right-color: var(--colour-bg-base-mid-alt, #efefef);
	border-bottom-color: var(--colour-fg-base-light, #797979);
	background-color: var(--colour-bg-base-mid, #eee);
	color: var(--colour-fg-base, #191919);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 34px;
}

input[type="checkbox"],
input[type="radio"] {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
}

textarea {
	font-family: var(--font-serif, serif);
	font-weight: 400;
	font-size: 0.8rem;
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	border-top-color: var(--colour-bg-base-mid-alt, #efefef);
	border-left-color: var(--colour-bg-base-mid-alt, #efefef);
	border-right-color: var(--colour-bg-base-mid-alt, #efefef);
	border-bottom-color: var(--colour-fg-base, #191919);
	background-color: var(--colour-bg-base-mid, #eee);
	color: var(--colour-fg-base, #191919);
	padding: 1em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	line-height: inherit;
}

input[type="button"]:not(.stock),
input[type="submit"]:not(.stock),
button:not(.stock) {
	font-family: var(--font-sans-serif, sans-serif);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	appearance: none;
	border-radius: 0;
	border: 1px solid var(--colour-fg-base, #191919);
	color: var(--colour-bg-base, #fff);
	background-color: var(--colour-fg-base, #191919);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 34px;
}

/* Utilities
--------------------------------------------- */
.hide-visual,
.screen-reader-text {
	border: 0;
	clip-path: inset(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.hide-visual:focus,
.screen-reader-text:focus {
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Global
--------------------------------------------- */
.global-main-container {
	margin-bottom: var(--margin-large, 2.5rem);
}

@media (min-width: 800px) {

	.global-main-container {
		display: flex;
	}
}

.global-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: var(--margin, 1rem);
}

.home .global-header {
	margin-bottom: var(--margin-large, 2.5rem);
}

.global-brand {
	display: flex;
	align-items: center;
}

.global-menu {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

.global-menu .page_item {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 700;
	font-size: 0.8rem;
}

.global-menu .page_item > a {
	display: block;
	text-align: right;
	line-height: 1.2;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

.global-description {
	font-family: var(--font-serif, serif);
	font-weight: 400;
	font-size: 0.8rem;
	font-style: italic;
	color: var(--colour-fg-base-mid, #2a2a2a);
	margin-left: var(--margin, 1rem);
}

.global-description-byline {
	display: block;
}

.global-main {
	margin-bottom: var(--margin-large, 2.5rem);
}

@media (min-width: 800px) {

	.global-main {
		flex-grow: 1;
		margin-right: var(--margin-large, 2.5rem);
		margin-bottom: 0;
	}
}

@media (min-width: 800px) {

	.global-sidebar {
		width: 300px;
		flex-shrink: 0;
		flex-grow: 0;
	}
}

.global-logo {
	width: 90px;
	height: 66px;
	position: relative;
	flex-shrink: 0;
}

.home .global-logo {
	width: 151px;
	height: 111px;
}

.global-logo-bar-container {
	width: 100%;
	height: 47%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 1;
}

.global-logo-bar-container-2 {
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.global-logo-bar-container-3 {
	bottom: 0;
}

.global-logo-bar {
	width: 82%;
	height: 47%;
	position: relative;
	animation-delay: 0ms;
	animation-direction: alternate;
	animation-duration: var(--hue-animation-duration, 48000ms);
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-play-state: running;
	background-color: #08f;
	transform-origin: 50%;
}

.global-logo-bar-1 {
	animation-name: saturationsA, transformsA;
}

.global-logo-bar-2 {
	animation-name: saturationsB, transformsB;
}

.global-logo-bar-3 {
	animation-name: saturationsC, transformsC;
}

.global-logo-letter {
	position: absolute;
	right: 2%;
	top: 0;
	bottom: 0;
	width: 20%;
}

.global-logo-letter svg {
	display: block;
}

.global-logo-letter svg path {
	fill: #fff;
}

.global-footer {
	border-top: 2px solid var(--colour-fg-base, #191919);
	padding-top: var(--margin, 1rem);
	padding-bottom: var(--margin, 1rem);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.global-footer-links {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 800px) {

	.global-footer-links {
		flex-direction: row;
	}
}

.global-footer-link {
	font-family: var(--font-sans-serif, sans-serif);
	color: var(--sans-serif-title-text-color, #797979);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
}

.global-footer-link > a,
.global-footer-link > a:link {
	color: currentcolor;
}

.global-footer-link > a:visited {
	color: currentcolor;
}

.global-footer-link > a:hover {
	color: currentcolor;
}

.global-footer-link > a:active {
	color: currentcolor;
}

.global-footer-link > a:focus {
	color: currentcolor;
}

@media (min-width: 800px) {

	.global-footer-link {
		margin-right: var(--margin, 1rem);
	}

	.global-footer-link:not(:last-of-type)::after {
		content: "/";
		font-family: inherit;
		font-size: inherit;
		margin-left: var(--margin, 1rem);
		color: var(--colour-fg-base-mid, #2a2a2a);
	}
}

.global-theme-toggle-button {
	appearance: none;
	border-width: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	cursor: pointer;
	background-color: transparent;
	line-height: 1.4;
	font-family: var(--font-sans-serif, sans-serif);
	color: var(--sans-serif-title-text-color, #797979);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
}

/* Article
--------------------------------------------- */
.article-title {
	font-size: 2.8em;
	font-weight: 400;
	line-height: 1.1;
	font-family: var(--font-serif, serif);
	margin-top: 0;
	margin-bottom: var(--margin-medium, 0.6rem);
}

.article-title > a {
	text-decoration-thickness: 3px;
	text-decoration-color: var(--colour-fg-base-ghost, #dbdbdb);
}

.article-title > a:visited {
	text-decoration-color: var(--colour-fg-base-ghost, #dbdbdb);
}

.article-title > a:hover {
	text-decoration-color: var(--colour-base-blue, #08f);
}

.article-title > a:active {
	text-decoration-color: var(--colour-base-blue, #08f);
}

.article-title > a:focus {
	outline-color: var(--colour-base-blue, #08f);
}

@media (min-width: 500px) {

	.article-title {
		font-size: 3.4em;
		margin-bottom: var(--margin, 1rem);
	}
}

.article-meta {
	margin-bottom: var(--margin-small, 0.3rem);
}

.article-date {
	font-family: var(--font-sans-serif, sans-serif);
	color: var(--sans-serif-title-text-color, #797979);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
}

.article-author {
	font-family: var(--font-sans-serif, sans-serif);
	color: var(--sans-serif-title-text-color, #797979);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
}

.article-content {
	font-family: var(--body-font-family, serif);
	font-size: var(--body-font-size, 1rem);
	line-height: var(--body-line-height, 1.5);
	margin-bottom: var(--margin, 1rem);
}

.article-content > *:last-child {
	margin-bottom: 0;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	font-family: var(--font-serif, serif);
	font-weight: 400;
	margin-top: 0;
	margin-bottom: var(--margin-bigger, 2rem);
	line-height: 1.2;
}

.article-content h1 strong,
.article-content h1 b,
.article-content h2 strong,
.article-content h2 b,
.article-content h3 strong,
.article-content h3 b,
.article-content h4 strong,
.article-content h4 b,
.article-content h5 strong,
.article-content h5 b,
.article-content h6 strong,
.article-content h6 b {
	font-weight: inherit;
}

.article-content h1:not(:first-child),
.article-content h2:not(:first-child),
.article-content h3:not(:first-child),
.article-content h4:not(:first-child),
.article-content h5:not(:first-child),
.article-content h6:not(:first-child) {
	padding-top: var(--margin, 1rem);
}

.article-content h1 {
	font-size: 1.4em;
}

.article-content h2 {
	font-size: 1.4em;
}

.article-content h3 {
	font-size: 1.2em;
}

.article-content h4 {
	font-size: 1em;
}

.article-content h5 {
	font-size: 0.6em;
	text-transform: uppercase;
}

.article-content h6 {
	font-size: 0.6em;
}

.article-content p {
	margin-top: 0;
	margin-bottom: var(--margin-bigger, 2rem);
	text-align: left;
}

.article-content ul,
.article-content ol {
	padding-left: var(--margin, 1rem);
	margin-bottom: var(--margin-bigger, 2rem);
}

.article-content li {
	margin-bottom: var(--margin-small, 0.3rem);
}

.article-content hr {
	border: 0;
	height: 1px;
	background-color: currentcolor;
	margin-top: var(--margin-large, 2.5rem);
	margin-bottom: var(--margin-large, 2.5rem);
}

.article-content blockquote {
	padding-left: var(--margin, 1rem);
	padding-right: 0;
	margin-top: var(--margin, 1rem);
	margin-bottom: var(--margin-bigger, 2rem);
	margin-left: 0;
	margin-right: 0;
	border-left: 2px solid currentcolor;
	font-style: italic;
}

.article-content blockquote > p:last-of-type {
	margin-bottom: 0;
}

.article-content cite {
	display: block;
	font-family: var(--font-serif, serif);
	font-weight: 400;
	font-size: 1rem;
	color: var(--colour-fg-base-mid, #2a2a2a);
	padding-top: var(--margin, 1rem);
	font-style: normal;
}

.article-content cite a {
	color: inherit;
}

.article-content table {
	border-collapse: collapse;
	font-size: 0.8em;
}

.article-content th,
.article-content tfoot td {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: var(--sans-serif-title-text-weight, 700);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	border-width: 1px;
	border-style: solid;
	border-color: currentcolor;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

.article-content thead th {
	border-bottom-width: 3px;
}

.article-content tfoot td {
	border-top-width: 3px;
}

.article-content td {
	font-family: var(--font-sans-serif, sans-serif);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	border-width: 1px;
	border-style: solid;
	border-color: currentcolor;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

.article-content caption {
	font-family: var(--font-sans-serif, sans-serif);
	padding-top: 1em;
	caption-side: bottom;
	text-align: left;
	padding-bottom: 1em;
}

.article-content figure {
	overflow: auto;
	margin-bottom: var(--margin-large, 2.5rem);
}

.article-content figure:not(:first-child) {
	padding-top: var(--margin, 1rem);
}

.article-content figcaption {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: var(--sans-serif-title-text-weight, 700);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	color: var(--sans-serif-title-text-color, #797979);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	padding-top: var(--margin, 1rem);
	text-align: center;
}

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

.article-content sup[id] {
	font-family: var(--font-sans-serif, sans-serif);
	font-size: 0.8em;
	margin-left: 0.1em;
}

@media (min-width: 500px) {

	.article-content h1,
	.article-content h2,
	.article-content h3,
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		margin-bottom: var(--margin-bigger, 2rem);
	}

	.article-content h1 {
		font-size: 1.8em;
	}

	.article-content h2 {
		font-size: 1.8em;
	}

	.article-content ul,
	.article-content ol {
		padding-left: var(--margin-large, 2.5rem);
	}
}

.article-container {
	margin-bottom: var(--margin-large, 2.5rem);
}

.article-container-home {
	margin-bottom: var(--margin-large, 2.5rem);
}

.article-modified {
	font-family: var(--font-sans-serif, sans-serif);
	color: var(--sans-serif-title-text-color, #797979);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
}

.article-published {
	font-family: var(--font-sans-serif, sans-serif);
	color: var(--sans-serif-title-text-color, #797979);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	font-weight: var(--sans-serif-title-text-weight, 700);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
}

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

.article-footer .edit-link {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.8rem;
}

.article-comments {
	border-top: 2px solid var(--colour-fg-base-faint, #c3c3c3);
	padding-top: var(--margin-large, 2.5rem);
}

.article-comments-link {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: var(--sans-serif-title-text-weight, 700);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	color: var(--sans-serif-title-text-color, #797979);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
}

.article-comments-title {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 700;
	font-size: 0.8rem;
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
}

.article-comments-list {
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
	padding-left: 0;
}

.article-comments-list .comment:not(:last-child) {
	margin-bottom: var(--margin-large, 0.3rem);
}

.article-comments-list .comment-body {
	margin-bottom: 0;
}

.article-comments-list .comment .comment-content {
	font-size: 0.8rem;
	padding-top: var(--margin-small, 0.3rem);
	margin-bottom: 0;
}

.article-comments-list .comment .comment-content p {
	margin-top: 0;
	margin-bottom: 0;
}

.article-comments-list .comment .comment-content p:not(:last-of-type) {
	margin-bottom: var(--margin, 1rem);
}

.article-comments-list .comment .comment-author {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.8rem;
}

.article-comments-list .comment .comment-author .fn {
	font-weight: 400;
}

.article-comments-list .comment .comment-metadata {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.6rem;
	color: var(--colour-fg-base-mid, #2a2a2a);
}

.article-comments-list .comment .comment-reply-link {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.6rem;
	text-transform: uppercase;
	line-height: 1.2;
}

.article-comments-list .comment .reply {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.article-comments-list .comment .reply::before {
	font-size: 0.8rem;
	content: "💬";
	margin-right: var(--margin-small, 0.3rem);
	line-height: 1.2;
}

.article-comments-list .pingback .comment-body {
	font-size: 0.8rem;
	font-style: italic;
}

/* Wordpress Widgets
--------------------------------------------- */
.widget_block {
	margin-bottom: var(--margin-large, 2.5rem);
}

.wp-block-search__label {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: var(--sans-serif-title-text-weight, 700);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	color: var(--sans-serif-title-text-color, #797979);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	display: block;
	margin-bottom: var(--margin-small, 0.3rem);
}

.wp-block-search__inside-wrapper {
	display: flex;
	align-items: center;
}

.wp-block-search__input {
	flex-grow: 1;
}

.wp-block-search__button {
	flex-grow: 0;
	margin-left: -1px;
}

.wp-block-group h2 {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: var(--sans-serif-title-text-weight, 700);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	color: var(--sans-serif-title-text-color, #797979);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
	margin-top: 0;
	margin-bottom: var(--margin-small, 0.3rem);
}

.wp-block-group ol,
.wp-block-group ul {
	font-size: 0.8rem;
	padding-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-group ul {
	list-style-type: square;
}

.wp-block-group li {
	font-size: inherit;
}

.comment-respond {
	padding-top: var(--margin, 1rem);
	padding-bottom: var(--margin, 1rem);
	background-color: var(--colour-bg-base, #fff);
}

.comment-reply-title {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 700;
	font-size: 0.8rem;
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
	display: flex;
	justify-content: space-between;
}

.comment-reply-title small {
	font-size: 1em;
	font-weight: 400;
}

.comment-notes,
.logged-in-as {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.8rem;
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
}

.comment-form-comment {
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
	display: flex;
	flex-direction: column;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
	display: flex;
	flex-direction: column;
	max-width: 400px;
}

[class^="comment-form-"] label {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.8rem;
	margin-top: 0;
	margin-bottom: var(--margin-small, 0.3rem);
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	flex-shrink: 0;
	flex-grow: 1;
}

.comment-form-cookies-consent {
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
}

.comment-form-cookies-consent input[type="checkbox"] {
	margin-bottom: var(--margin-small, 0.3rem);
	margin-right: var(--margin-small, 0.3rem);
}

.akismet_comment_form_privacy_notice {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: 400;
	font-size: 0.8rem;
	margin-top: 0;
	margin-bottom: var(--margin, 1rem);
}

.post-navigation {
	margin-bottom: var(--margin-large, 2.5rem);
}

.post-navigation .nav-links {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.post-navigation .nav-links .nav-previous::before {
	content: "Previous: ";
}

.post-navigation .nav-links .nav-next::before {
	content: "Next: ";
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
	font-family: var(--font-sans-serif, sans-serif);
	font-weight: var(--sans-serif-title-text-weight, 700);
	font-size: var(--sans-serif-title-text-size, 0.7rem);
	color: var(--sans-serif-title-text-color, #797979);
	letter-spacing: var(--sans-serif-title-text-letter-spacing, 0.04rem);
	text-transform: var(--sans-serif-title-text-transform, uppercase);
}

.post-navigation .nav-links .nav-previous .nav-title,
.post-navigation .nav-links .nav-next .nav-title {
	color: inherit;
}

.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-previous a:link,
.post-navigation .nav-links .nav-previous a:hover,
.post-navigation .nav-links .nav-previous a:visited,
.post-navigation .nav-links .nav-previous a:active,
.post-navigation .nav-links .nav-next a,
.post-navigation .nav-links .nav-next a:link,
.post-navigation .nav-links .nav-next a:hover,
.post-navigation .nav-links .nav-next a:visited,
.post-navigation .nav-links .nav-next a:active {
	color: currentcolor;
	text-decoration: none;
}

.post-navigation .nav-links .nav-previous a:link .nav-title,
.post-navigation .nav-links .nav-next a:link .nav-title {
	text-decoration: underline;
}

.post-navigation .nav-links .nav-previous a:visited .nav-title,
.post-navigation .nav-links .nav-next a:visited .nav-title {
	color: currentcolor;
}

.post-navigation .nav-links .nav-previous a:focus .nav-title,
.post-navigation .nav-links .nav-next a:focus .nav-title {
	color: currentcolor;
	text-decoration: underline;
	outline-color: var(--colour-fg-base, #191919);
}

.post-navigation .nav-links .nav-previous a:hover .nav-title,
.post-navigation .nav-links .nav-next a:hover .nav-title {
	color: currentcolor;
	text-decoration: underline;
}

.post-navigation .nav-links .nav-previous a:active .nav-title,
.post-navigation .nav-links .nav-next a:active .nav-title {
	color: currentcolor;
}

.post-navigation .nav-links .nav-previous .nav-subtitle,
.post-navigation .nav-links .nav-next .nav-subtitle {
	border: 0;
	clip-path: inset(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.post-navigation .nav-links .nav-previous .nav-subtitle:focus,
.post-navigation .nav-links .nav-next .nav-subtitle:focus {
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}