/*!
Theme Name: Print Mag
Theme URI: https://github.com/a8cteam51/print-mag/
Author: WordPress.com Special Projects Team
Author URI: https://wpspecialprojects.wordpress.com
Description: A custom theme designed and built for Print Mag
Requires at least: WordPress 5.6
Version: 0.0.123
License: GNU General Public License v2 or later
License URI: LICENSE
Template: seedlet
Text Domain: printmag
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.
Print Mag is a child theme of Seedlet, (C) 2020 Automattic, Inc.
Seedlet is distributed under the terms of the GNU GPL v2 or later.
*/

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

html,
body {
	overflow-x: hidden;
}

/**
 * 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 */

nav ul {
	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) {

	* {
		animation-duration: 0.01ms !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;
}

/*--------------------------------------------------------------
# Newsreader - serif
--------------------------------------------------------------*/

/* --- Regular--- */

@font-face {
	font-family: "Newsreader Display";
	font-weight: 400;
	font-display: fallback;
	src: url(./fonts/Newsreader-Regular.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Display";
	font-weight: 400;
	font-display: fallback;
	font-style: italic;
	src: url(./fonts/Newsreader-Italic.woff2) format("woff2");
}

/* --- Medium--- */

@font-face {
	font-family: "Newsreader Display";
	font-weight: 500;
	font-display: fallback;
	src: url(./fonts/Newsreader-Medium.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Display";
	font-weight: 500;
	font-display: fallback;
	font-style: italic;
	src: url(./fonts/Newsreader-MediumItalic.woff2) format("woff2");
}

/* --- Bold--- */

@font-face {
	font-family: "Newsreader Display";
	font-weight: 700;
	font-display: fallback;
	src: url(./fonts/Newsreader-Bold.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Display";
	font-weight: 700;
	font-display: fallback;
	font-style: italic;
	src: url(./fonts/Newsreader-BoldItalic.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Text";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(./fonts/Newsreader16pt-Italic.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Text";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(./fonts/Newsreader16pt-BoldItalic.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Text";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(./fonts/Newsreader16pt-Regular.woff2) format("woff2");
}

@font-face {
	font-family: "Newsreader Text";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(./fonts/Newsreader16pt-Bold.woff2) format("woff2");
}

/*--------------------------------------------------------------
# Inter - sans serif
--------------------------------------------------------------*/

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 100;
	font-display: fallback;
	src: url(./fonts/Inter-Thin.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 100;
	font-display: fallback;
	src: url(./fonts/Inter-ThinItalic.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 200;
	font-display: fallback;
	src: url(./fonts/Inter-ExtraLight.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 200;
	font-display: fallback;
	src: url(./fonts/Inter-ExtraLightItalic.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 300;
	font-display: fallback;
	src: url(./fonts/Inter-Light.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 300;
	font-display: fallback;
	src: url(./fonts/Inter-LightItalic.woff2) format("woff2");
}

/*** --- Regular--- ***/

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url(./fonts/Inter-Regular.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 400;
	font-display: fallback;
	src: url(./fonts/Inter-Italic.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
	src: url(./fonts/Inter-Medium.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 500;
	font-display: fallback;
	src: url(./fonts/Inter-MediumItalic.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-display: fallback;
	src: url(./fonts/Inter-SemiBold.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 600;
	font-display: fallback;
	src: url(./fonts/Inter-SemiBoldItalic.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url(./fonts/Inter-Bold.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 700;
	font-display: fallback;
	src: url(./fonts/Inter-BoldItalic.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	font-display: fallback;
	src: url(./fonts/Inter-ExtraBold.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 800;
	font-display: fallback;
	src: url(./fonts/Inter-ExtraBoldItalic.woff2) format("woff2");
}

/* --- Black--- */

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 900;
	font-display: fallback;
	src: url(./fonts/Inter-Black.woff2) format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 900;
	font-display: fallback;
	src: url(./fonts/Inter-BlackItalic.woff2) format("woff2");
}

/* 880px */

/* 448px */

/* 600px */

/* 786px */

/* 960px */

/* 1184 */

/* 1504 */

/* 700px */

:root {

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

	/* --- Font families --- */
	--font-sans: "Inter", sans-serif;
	--font-serif: "Newsreader Text", serif;
	--font-serif-head: "Newsreader Display", serif;

	/* --- Font sizes --- */
	--font-size-xs: 0.8125rem;
	--font-size-s: 0.9375rem;
	--font-size-default: 1.25rem;
	--font-size-m: 1.5rem;
	--font-size-l: clamp(1.5rem, 3.25vw, 1.875rem);
	--font-size-xl: clamp(1.875rem, 3.75vw, 2.25rem);
	--font-size-xxl: clamp(2.2rem, 4.25vw, 3rem);
	--font-size-huge: clamp(2.9rem, 6vw, 4.25rem);
}

@media (max-width: 37.5em) {

:root {
		--font-size-default: 1.125rem;
}
	}

:root {

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

	/* --- focus --- */
	--focus: 1px dotted var(--color-red-hover);

	/*--------------------------------------------------------------
	  # Colors
	  # Color variables are set in ./includes/theme-setup.php
	--------------------------------------------------------------*/
	--color-text: var(--color-black);
	--logo-color: var(--color-black);
	--color-link: var(--color-red);
	--color-hover: var(--color-red-hover);

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

	/* --- Spacing --- */
	--spacing: 1.25rem /* 20px */;
	--spacing-025: calc(var(--spacing) / 4);
	--spacing-050: calc(var(--spacing) / 2);
	--spacing-075: calc(var(--spacing) * 0.75);
	--spacing-1: var(--spacing);
	--spacing-125: calc(var(--spacing) * 1.25);
	--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-450: calc(var(--spacing) * 4.5);
	--spacing-5: calc(var(--spacing) * 5);
	--spacing-6: calc(var(--spacing) * 6);
	--spacing-8: calc(var(--spacing) * 8);

	--spacing-small: var(--spacing-050);
	--spacing-medium: var(--spacing-150);
	--spacing-large: var(--spacing-6);
	--spacing-larger: var(--spacing-8);

	--spacing-vertical-default: var(--spacing-large);

	--gutter: clamp(1.25rem, 3vw, 2.5rem);
}

@media (max-width: 49.125em) {

:root {
		--gutter: var(--spacing);
}
	}

:root {

	/* --- Max widths --- */
	--max-wide-width: 90rem;
	--max-content: 46rem;

	/* --- Grid --- */
	--global-grid: repeat(10, 1fr);
	--global-gap: var(--spacing);
	--page-grid: var(--gutter) [alignwide-start] 1fr [content-start] min(100%, var(--max-content)) [content-end] 1fr [alignwide-end] var(--gutter);
}

@media (max-width: 52rem) {

:root {
		--page-grid: var(--gutter) [alignwide-start] 0 [content-start] 1fr [content-end] 0 [alignwide-end] var(--gutter);
}
	}

:root {

	/*--------------------------------------------------------------
	  # Transitions
	--------------------------------------------------------------*/

	/* --- Speed --- */
	--speed: 0.15s;
}

body {
	color: var(--color-black);
	color: var(--color-text);
	font-family: "Newsreader Text", serif;
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-size: var(--font-size-default);
	font-weight: 400;
	line-height: 1.5;
	overflow: visible;
	overflow: initial;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* --- Links --- */

a {
	color: var(--color-red);
	color: var(--color-link);
	transition: color 0.15s ease-in-out;
	transition: color var(--speed) ease-in-out;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px
}

a:hover {
		color: var(--color-red);
		text-decoration: none;
	}

/* --- Headers --- */

h1,
h2,
h3,
h4 {
	font-family: "Newsreader Display", serif;
	font-family: var(--font-serif-head);
	font-weight: 400;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.single h1, .single h2, .single h3, .single h4 {
		margin-bottom: 0.75em;
		margin-top: 1.75em;
	}

h1 a, h2 a, h3 a, h4 a {
		color: var(--color-black);
		color: var(--color-text);
		text-decoration: none
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
			color: var(--color-red-hover);
			color: var(--color-hover);
			text-decoration: none;
		}

h1 {
	font-size: clamp(2.9rem, 6vw, 4.25rem);
	font-size: var(--font-size-huge);
	line-height: 1.1;
	margin-bottom: 0;
}

h2 {
	font-size: clamp(2.2rem, 4.25vw, 3rem);
	font-size: var(--font-size-xxl);
	line-height: 1.1;
}

h3 {
	font-size: clamp(1.875rem, 3.75vw, 2.25rem);
	font-size: var(--font-size-xl);
	line-height: 1.3;
}

h4 {
	font-size: clamp(1.5rem, 3.25vw, 1.875rem);
	font-size: var(--font-size-l);
	line-height: 1.3;
}

p,
ol,
ul {
	margin: 0.75em 0;
}

.single .site-content p, .single .site-content ol, .single .site-content ul {
		margin: 1.5em 0;
	}

.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);
	}

/* --- remove empty paragraphs --- */

p:empty {
	display: none;
}

/*--- Buttons --- */

.wp-block-button {
	margin-top: calc(1.25rem  * 1.5);
	margin-top: var(--spacing-150);
}

.wp-block-button .wp-block-button__link {
		background-color: var(--color-red);
		border: none;
		border-radius: 100px;
		color: var(--color-white);
		cursor: pointer;
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 1.06rem;
		font-weight: 900;
		line-height: 1;
		margin: 0;
		overflow: hidden;
		padding: 1.125rem calc(1.25rem  * 2);
		padding: 1.125rem var(--spacing-2);
		position: relative;
		text-transform: uppercase;
		transition: all 0.15s ease;
		transition: all var(--speed) ease;
		z-index: 1
	}

.wp-block-button .wp-block-button__link::before {
			background: #d21b02;
			content: "";
			display: block;
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
			width: 0;
			transition: 0.25s;
			z-index: -1;
		}

.wp-block-button .wp-block-button__link:hover::before {
			width: 100%;
		}

.wp-block-button .wp-block-button__link:focus {
			outline: none
		}

.wp-block-button .wp-block-button__link:focus::after {
				border: 1px dotted var(--color-white);
				border-radius: 100px;
				content: "";
				position: absolute;
				top: 3px;
				right: 3px;
				bottom: 3px;
				left: 3px;
			}

/* --- Blockquote --- */

blockquote {
	display: grid;
	font-family: "Newsreader Text", serif;
	font-family: var(--font-serif);
	font-size: clamp(1.875rem, 3.75vw, 2.25rem);
	font-size: var(--font-size-xl);
	font-weight: 400;
	grid-gap: 1.25rem ;
	gap: 1.25rem ;
	grid-gap: var(--spacing);
	gap: var(--spacing);
	grid-template-columns: 3.75rem 1fr;
	line-height: 1.3;
	margin-top: calc(1.25rem  * 3);
	margin-top: var(--spacing-3);
	margin-bottom: calc(1.25rem  * 3);
	margin-bottom: var(--spacing-3)
}

@media (max-width: 37.5em) {

blockquote {
		grid-template-columns: 1fr
}
	}

blockquote::before {
		color: var(--color-red);
		content: "\201c";
		font-size: 8.5rem;
		grid-row: 1 / span 2;
		line-height: 1;
		margin: -0.25rem 1.25rem  0 0;
		margin: -0.25rem var(--spacing) 0 0
	}

@media (max-width: 37.5em) {

blockquote::before {
			grid-row: 1;
			height: 2.5rem
	}
		}

blockquote > p:first-child {
		margin-top: 0;
	}

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

blockquote cite {
		font-size: 1.25rem;
		font-size: var(--font-size-default);
		font-style: normal;
		grid-column: 2
	}

@media (max-width: 37.5em) {

	blockquote cite {
			grid-column: 1
	}
		}

blockquote cite::before {
			content: "\2014";
			padding-right: 0.25em;
		}

/* --- Image --- */

figcaption {
	color: var(--color-gray-caption);
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	font-size: var(--font-size-s);
	width: 100%;
	text-align: center;
}

/* --- Focus --- */

:focus,
button:focus {
	outline: 1px dotted var(--color-red-hover);
	outline: var(--focus);
}

/* --- Hard rules --- */

hr {
	background-color: var(--color-gray);
	border: none;
	height: 1px;
	margin: calc(1.25rem  * 2.5) 0;
	margin: var(--spacing-250) 0;

}

/* --- Selected --- */

::-moz-selection {
	background-color: var(--color-red);
	color: var(--color-white);
}

::selection {
	background-color: var(--color-red);
	color: var(--color-white);
}

/* --- WIX content import overrides --- */

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
		font-weight: inherit;
	}

/* --- form elements --- */

input {
	border: 1px solid var(--color-black);
	border-radius: 30px;
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-weight: 400;
	padding: 13px calc(1.25rem  * 1.5) 11px;
	padding: 13px var(--spacing-150) 11px;
	width: 100%;
	max-width: 346px
}

@media (max-width: 37.5em) {

input {
		max-width: 100%
}
	}

input:focus {
		border-width: 2px;
		outline: none;
		padding: 12px calc(calc(1.25rem  * 1.5) - 1px) 10px;
		padding: 12px calc(var(--spacing-150) - 1px) 10px;
	}

input[type="submit"] {
		background-color: var(--color-red);
		color: var(--color-white);
		cursor: pointer;
		font-size: 1.06rem;
		font-weight: 900;
		text-transform: uppercase;
	}

input[type="search"]::-webkit-search-cancel-button {
			-webkit-appearance: none;
			        appearance: none;
			background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" fill="%231b1b1b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			background-position: center;
			background-repeat: no-repeat;
			cursor: pointer;
			height: 24px;
			width: 24px
		}

input[type="search"]::-webkit-search-cancel-button:hover {
				background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" fill="%23c1210b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			}

/* --- iframe --- */

iframe {
	display: block;
	border: none;
}

/*--------------------------------------------------------------
	# Site header
--------------------------------------------------------------*/

.site-header {
	--max-header-width: 112rem;
	align-items: center;
	background: var(--color-white);
	display: flex;
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: 900;
	height: 4.375rem;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-header-width);
	padding: 1.25rem  clamp(1.25rem, 3vw, 2.5rem);
	padding: var(--spacing) var(--gutter);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3
}

@media (max-width: 37.5em) {

.site-header {
		font-size: 1.25rem
}
	}

@media (min-width: 112rem) {

.site-header {
		left: calc(50vw - (var(--max-header-width) / 2))
}
	}

.site-header::before {
		background-color: var(--color-white);
		content: "";
		height: 100%;
		left: calc(50% - 50vw);
		position: absolute;
		top: 0;
		transition: box-shadow 0.15s ease;
		transition: box-shadow var(--speed) ease;
		width: 100vw;
		z-index: -1;
	}

.admin-bar .site-header {
		top: 32px
	}

@media screen and ( max-width: 782px ) {

	.admin-bar .site-header {
			top: 46px
	}
		}

@media screen and ( max-width: 600px ) {

	.admin-bar .site-header {
			top: 0
	}
		}

.site-header svg {
		color: var(--color-black);
	}

.has-shadow::before {
		box-shadow: 0 4px 11px 0 rgba(0,0,0,0.05098);
	}

.site-branding {
	display: grid;
	align-content: center;
	justify-content: center;
	place-content: center;
	margin-left: calc(1.25rem  * 0.7);
	margin-left: calc(var(--spacing) * 0.7);
	max-width: 70px;
}

.site-branding a {
		display: flex
	}

.site-branding a:focus {
			outline-offset: 3px;
		}

.site-branding a:hover svg {
			color: var(--color-red);
		}

.site-branding svg {
		max-height: 30px;
		transition: color 0.05s ease;
		width: 100%;
	}

.drawer-navigation-open .site-branding {
		z-index: 3;

	}

.drawer-navigation-open .site-branding svg {
			color: var(--color-white);
		}

@media (max-width: 55em) {

		.categories-navigation-open .site-branding {
			z-index: 3;

		}

			.categories-navigation-open .site-branding svg {
				color: var(--color-white);
			}
	}

.site-title {
	margin: 0;
}

/* --- General navigation --- */

.menu-wrapper .menu-item {
		color: var(--color-black);
		color: var(--color-text);
		padding: 0 calc(1.25rem  / 2);
		padding: 0 var(--spacing-050);
		text-transform: uppercase;
	}

.menu-wrapper .menu-item a {
			color: inherit;
			display: flex;
			padding-top: 4px;
			text-decoration: none
		}

.menu-wrapper .menu-item a:hover {
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 1px;
			}

.menu-wrapper.has-red-color .menu-item {
		color: var(--color-red);
	}

/* --- Primary Navigation --- */

.primary-navigation {
	flex: 1;
	opacity: 0;
	padding: 0 calc(1.25rem  / 2) 0 clamp(1.25rem, 3vw, 2.5rem);
	padding: 0 var(--spacing-050) 0 var(--gutter)
}

.primary-navigation.primary-navigation--ready {
		opacity: 1;
	}

.primary-navigation .menu-container {
		display: grid;
		grid-template-columns: auto auto auto auto;
		height: 100%;
		align-content: center;
		justify-content: right;
		place-content: center right;
	}

.primary-navigation .menu-wrapper {
		display: flex;
		margin: 0 0 0 auto;
		width: 100%;
		max-width: -moz-max-content;
		max-width: max-content;
		min-width: 0;
	}

.primary-navigation .menu-wrapper + .menu-wrapper {
			margin-left: 0;
		}

.primary-navigation .menu-wrapper .menu-item {
			white-space: nowrap;
		}

@media (max-width: 37.5em) {

.primary-navigation {
		opacity: 0
}
	}

/* -- "Browse" toggle buttons -- */

.primary-toggle {
	display: none;
}

.display-primary-toggle .primary-toggle {
		display: flex;
		padding: 0 1.25rem  0 calc(1.25rem  / 2);
		padding: 0 var(--spacing) 0 var(--spacing-050);
	}

/* --- Drawer menu --- */

.drawer-open-menu,
.drawer-close-menu {
	all: unset;
	cursor: pointer;
	display: grid;
	height: 24px;
	align-content: center;
	justify-content: center;
	place-content: center;
	z-index: 3;
}

.drawer-navigation-open .drawer-open-menu,
	.drawer-navigation-closing .drawer-open-menu {
		display: none;
	}

@media (max-width: 55em) {

	.categories-navigation-open .drawer-open-menu {
			display: none
	}
		}

.drawer-close-menu {
	display: none;
}

.drawer-navigation-open .drawer-close-menu,
	.drawer-navigation-closing .drawer-close-menu {
		display: grid;
	}

@media (max-width: 55em) {

	.categories-navigation-open .drawer-close-menu {
			display: grid
	}
		}

.drawer-close-menu svg {
		color: var(--color-white);
	}

.drawer-navigation {
	background-color: var(--color-black);
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: var(--vh, 100vh);
	left: 0;
	padding-top: 70px;
	position: absolute;
	top: 0
}

@media (max-width: 37.5em) {

.drawer-navigation {
		width: 100%
}
	}

@media (min-width: 94em) {

		.drawer-navigation::before {
			background: var(--color-black);
			content: "";
			height: 100%;
			position: absolute;
			top: 0;
			right: 100%;
			width: 50vw;
		}
	}

.admin-bar .drawer-navigation {
		--admin-bar-height: 32px;
	}

@media screen and ( max-width: 782px ) {

	.admin-bar .drawer-navigation {
			--admin-bar-height: 46px;
	}
		}

@media screen and ( max-width: 600px ) {

	.admin-bar .drawer-navigation {
			--admin-bar-height: 0px; /* stylelint-disable-line length-zero-no-unit, unit apparently needed for calc() */
	}
		}

.admin-bar .drawer-navigation {

		height: calc(100vh - var(--admin-bar-height));

		height: calc(var(--vh, 100vh) - var(--admin-bar-height));
	}

.drawer-navigation-inner-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-y: scroll;
}

nav.drawer-menu,
nav.primary-navigation-overflow {
	padding: calc(1.25rem  * 2) 1.25rem  1.25rem  clamp(1.25rem, 3vw, 2.5rem);
	padding: var(--spacing-2) var(--spacing) var(--spacing) var(--gutter);
}

nav.drawer-menu .menu-item, nav.primary-navigation-overflow .menu-item {
		color: var(--color-white);
		margin: 0;
		padding: 0
	}

nav.drawer-menu .menu-item.has-red-color, nav.primary-navigation-overflow .menu-item.has-red-color {
			color: var(--color-red-on-dark);
		}

nav.drawer-menu .menu-item a, nav.primary-navigation-overflow .menu-item a {
			color: inherit;
			display: flex;
			padding: 0.375rem 0;
			text-decoration: none
		}

nav.drawer-menu .menu-item a:hover, nav.primary-navigation-overflow .menu-item a:hover {
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 1px;
			}

nav.drawer-menu .menu-item svg, nav.primary-navigation-overflow .menu-item svg {
			color: var(--color-white);
			height: 7px;
			margin-bottom: 0;
		}

.primary-navigation-overflow + .drawer-menu {
	margin-top: 0;
	padding-top: 0
}

.primary-navigation-overflow + .drawer-menu::before {
		background-color: var(--color-red-on-dark);
		content: "";
		display: block;
		height: 10px;
		margin-bottom: 1rem;
		width: 30px;
	}

.primary-navigation-overflow {
	padding-bottom: 0;
}

.primary-navigation-overflow > ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

.primary-navigation-overflow svg {
		transform: rotate(-90deg);
	}

/* --- Social menu (appears in drawer and site footer) --- */

.social-navigation .menu {
		display: flex;
		margin: 1.25rem  0 clamp(1.25rem, 3vw, 2.5rem);
		margin: var(--spacing) 0 var(--gutter);
	}

.social-navigation .menu-item + .menu-item {
			margin-left: 1.25rem ;
			margin-left: var(--spacing);
		}

.social-navigation a {
		background-color: var(--color-red);
		border-radius: 50%;
		display: grid;
		height: 40px;
		align-content: center;
		justify-content: center;
		place-content: center;
		transition: background-color 0.15s ease;
		transition: background-color var(--speed) ease;
		width: 40px
	}

.social-navigation a:hover {
			background-color: var(--color-red-hover);
			background-color: var(--color-hover);
		}

.drawer-navigation .social-navigation {
		margin-top: auto;
		padding-left: clamp(1.25rem, 3vw, 2.5rem);
		padding-left: var(--gutter);
		padding-right: clamp(1.25rem, 3vw, 2.5rem);
		padding-right: var(--gutter)
	}

@media (max-width: 37.5em) {

	.drawer-navigation .social-navigation {
			margin-top: 0
	}
		}

.drawer-navigation .social-navigation .menu-item + .menu-item {
			margin-left: 0.9375rem;
		}

.site-footer .social-navigation .menu {
			justify-content: center;
		}

.social-navigation svg {
		fill: var(--color-white);
	}

/* --- Categories menu --- */

.categories-open-menu,
.categories-close-menu {
	all: unset;
	color: var(--color-black);
	cursor: pointer;
	display: grid;
	grid-template-columns: max-content max-content;
	margin-top: 4px;
	text-transform: uppercase;
	align-content: center;
	justify-content: center;
	place-content: center;
}

.primary-navigation-overflow .categories-open-menu, .primary-navigation-overflow .categories-close-menu {
		color: var(--color-white);
	}

.categories-open-menu:hover, .categories-close-menu:hover {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 1px;
	}

@media (min-width: 55.01em) {

	.categories-navigation-open .categories-open-menu, .categories-navigation-open .categories-close-menu {
			display: none
	}
		}

.categories-open-menu svg, .categories-close-menu svg {
		align-self: center;
		height: 8px;
		margin-bottom: 0;
	}

.categories-close-menu {
	display: none;
}

@media (min-width: 55.01em) {

	.categories-navigation-open .categories-close-menu {
			display: grid
	}
		}

.categories-close-menu.close-icon {
		background-color: var(--color-red-on-dark);
		border-radius: 50%;
		color: var(--color-white);
		height: 40px;
		position: absolute;
		top: 1.25rem ;
		top: var(--spacing);
		right: calc(clamp(1.25rem, 3vw, 2.5rem) - 8px);
		right: calc(var(--gutter) - 8px);
		transition: background-color 0.15s ease;
		transition: background-color var(--speed) ease;
		width: 40px;
		z-index: 3
	}

.categories-close-menu.close-icon:hover {
			background-color: var(--color-red-hover);
			background-color: var(--color-hover);
			border-bottom: none;
			margin-bottom: 0;
		}

.categories-close-menu.close-icon svg {
			height: 18px;
			color: var(--color-white);
			margin-bottom: 0;
		}

.categories-navigation {
	background-color: var(--color-black);
	height: calc(100vh - 70px);
	left: calc(50% - 50vw);
	position: absolute;
	top: 100%;
	width: 100vw;
	z-index: 2;
}

.categories-navigation .categories-menu-container {
		height: 100%;
		overflow-y: auto;
		padding: 0 clamp(1.25rem, 3vw, 2.5rem) calc(1.25rem  * 4);
		padding: 0 var(--gutter) var(--spacing-4);
		width: 100vw;
	}

.categories-navigation .menu-wrapper {
		-moz-columns: 200px 3;
		     columns: 200px 3;
		grid-column-gap: calc(1.25rem  * 3);
		-moz-column-gap: calc(1.25rem  * 3);
		     column-gap: calc(1.25rem  * 3);
		grid-column-gap: var(--spacing-3);
		-moz-column-gap: var(--spacing-3);
		     column-gap: var(--spacing-3);
		margin-left: auto;
		margin-right: auto;
		max-width: 1280px
	}

@media (min-width: 1000px) {

	.categories-navigation .menu-wrapper {
			-moz-columns: none;
			     columns: none;
			display: grid;
			grid-gap: calc(1.25rem  * 3);
			grid-gap: var(--spacing-3);
			grid-template-columns: repeat(4, minmax(0, 1fr))
	}
		}

.categories-navigation .menu-wrapper section {
			page-break-inside: avoid;
			-moz-column-break-inside: avoid;
			     break-inside: avoid;
		}

.categories-navigation .menu-wrapper section .sub-menu {
				margin: 0;
			}

@media (max-width: 55em) {

			.categories-navigation .menu-wrapper section:last-of-type {
					padding-bottom: calc(1.25rem  * 2);
					padding-bottom: var(--spacing-2)
			}
				}

.categories-navigation .menu-wrapper header.menu-item {
			color: var(--color-gray-on-dark);
			font-family: "Newsreader Display", serif;
			font-family: var(--font-serif-head);
			font-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l);
			font-weight: 400;
			padding: calc(1.25rem  * 1.5) 0 1.25rem ;
			padding: var(--spacing-150) 0 var(--spacing);
			text-transform: none
		}

@media (max-width: 55em) {

		.categories-navigation .menu-wrapper header.menu-item {
				padding-bottom: calc(1.25rem  / 2);
				padding-bottom: var(--spacing-050)
		}
			}

.categories-navigation .menu-wrapper header.menu-item.duplicate-menu-header {
				color: transparent
			}

@media (max-width: 55em) {

			.categories-navigation .menu-wrapper header.menu-item.duplicate-menu-header {
					display: none;
			}

					.categories-navigation .menu-wrapper header.menu-item.duplicate-menu-header + .sub-menu li:first-of-type {
						margin-top: calc(1.25rem  / 2);
						margin-top: var(--spacing-050);
					}
				}

.categories-navigation .menu-wrapper .menu-item {
			color: var(--color-white);
			line-height: 1.2;
			margin: 0;
			padding: 0
		}

.categories-navigation .menu-wrapper .menu-item + .menu-item {
				margin-top: calc(1.25rem  / 2);
				margin-top: var(--spacing-050);
			}

.categories-navigation .menu-wrapper .menu-item a:hover {
				border: none;
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 1px;
			}

.categories-navigation .drawer-open-menu {
		align-items: center;
		color: var(--color-white);
		grid-template-columns: repeat(2, max-content);
		display: none;
		margin: calc(1.25rem  / 2) 0 calc(1.25rem  / 2) clamp(1.25rem, 3vw, 2.5rem);
		margin: var(--spacing-050) 0 var(--spacing-050) var(--gutter);
		text-transform: uppercase;
	}

.categories-navigation .drawer-open-menu svg {
			color: inherit;
			margin-bottom: 0;
		}

.categories-navigation .drawer-open-menu:hover {
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}

.display-primary-toggle + .categories-navigation .drawer-open-menu {
		display: grid;
	}

@media (max-width: 55em) {

.categories-navigation {
		height: 100vh;
		top: 0;
}

		.categories-navigation .drawer-open-menu {
			display: grid;
		}

		.categories-navigation .categories-close-menu.close-icon {
			background-color: transparent;
			border-radius: 0;
			height: 24px;
			left: clamp(1.25rem, 3vw, 2.5rem);
			left: var(--gutter);
			margin-top: 3px;
			right: unset;
			transition: none;
			width: 24px;
		}

			.categories-navigation .categories-close-menu.close-icon svg {
				height: 24px;
			}

		.categories-navigation .categories-menu-container {
			padding-bottom: 1.25rem ;
			padding-bottom: var(--spacing);
		}

		.categories-navigation .menu-wrapper {
			-moz-columns: unset;
			     columns: unset;
		}

		.categories-navigation section:first-child header.menu-item {
			padding-top: 1.25rem ;
			padding-top: var(--spacing);
		}
	}

/* --- Jeckpack search --- */

.jetpack-search-filter__link {
	border-radius: 50%;
	color: var(--color-black);
	display: grid;
	margin: -8px;
	padding: 8px;
	align-content: center;
	justify-content: center;
	place-content: center;
	transition: all 0.15s ease;
	transition: all var(--speed) ease;
}

.jetpack-search-filter__link svg {
		color: currentColor;
	}

.jetpack-search-filter__link:hover {
		background-color: var(--color-red);
		color: var(--color-white)
	}

@media (max-width: 37.5em) {

.jetpack-search-filter__link:hover {
			background-color: transparent;
			color: var(--color-black)
	}
		}

@keyframes drawer-content {

	0% {
		opacity: 0;
		transform: translateX(-2em);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes close-icon {

	0% {
		opacity: 0;
		transform: rotate(-45deg);
	}

	100% {
		opacity: 1;
		transform: rotate(0);
	}
}

@keyframes category-content-desktop {

	0% {
		opacity: 0;
		transform: translateY(2em);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes category-content-mobile {

	0% {
		opacity: 0;
		transform: translateX(2em);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes category-content-mobile-closing {

	0% {
		opacity: 1;
		padding-left: clamp(1.25rem, 3vw, 2.5rem);
		padding-left: var(--gutter);
	}

	100% {
		opacity: 0;
		padding-left: calc(1.25rem  * 2.5);
		padding-left: var(--spacing-250);
	}
}

@keyframes drawer-content-mobile-cat-open {

	0% {
		opacity: 1;
		padding-right: clamp(1.25rem, 3vw, 2.5rem);
		padding-right: var(--gutter);
	}

	100% {
		opacity: 0;
		padding-left: 0;
	}
}

.drawer-navigation {
	opacity: 0;
	transform: translateX(-24px);
	transition: opacity 0.1s ease, transform 0.1s ease
}

@media (max-width: 37.5em) {

.drawer-navigation {
		transform: translateX(-100%)
}
	}

.drawer-navigation[aria-hidden="true"] > * {
		display: none;
	}

.drawer-navigation-open .drawer-navigation {
		opacity: 1;
		transform: translateX(0);
	}

.drawer-navigation-open .drawer-navigation .drawer-navigation-inner-wrapper {
			animation: drawer-content 0.2s ease forwards;
		}

.categories-navigation-open .drawer-navigation .drawer-navigation-inner-wrapper {
			animation: drawer-content-mobile-cat-open 0.2s ease forwards;
		}

@media (min-width: 55.01em) {

		.drawer-navigation-closing .drawer-navigation {
			transition: opacity 0.1s ease;
		}
	}

@media (max-width: 55em) {

.drawer-navigation {
		opacity: 1;
		transition: transform 0.1s ease-out;
}

		.drawer-navigation-closing .drawer-navigation .drawer-navigation-inner-wrapper {
			animation: drawer-content 0.1s ease-in-out reverse forwards;
		}
	}

.drawer-navigation-open .drawer-close-menu {
		animation: close-icon 0.2s ease forwards;
	}

.drawer-navigation-closing .drawer-close-menu {
		animation: close-icon 0.05s ease reverse forwards;
	}

.categories-navigation[aria-hidden="false"] {
		padding-top: calc(1.25rem  * 4);
		padding-top: var(--spacing-4);
	}

.categories-navigation[aria-hidden="true"] > * {
		display: none;
	}

@media (min-width: 55.01em) {

.categories-navigation {
		height: 0;
		opacity: 0;
		padding: 0;
		transform: translateY(2em);
		transition: opacity 0.1s ease, transform 0.1s linear;
}

		.categories-navigation-open .categories-navigation,
		.categories-navigation-closing .categories-navigation {
			height: calc(100vh - 70px);
		}

		.categories-navigation-open .categories-navigation {
			opacity: 1;
			transform: translateY(0)
		}

			.categories-navigation-open .categories-navigation .categories-menu-container {
				animation: category-content-desktop 0.15s ease forwards;
			}

		.categories-navigation-closing .categories-navigation {
			transition: opacity 0.1s ease;
		}
	}

@media (max-width: 55em) {

.categories-navigation {
		transform: translateX(100%);
		transition: transform 0.1s ease-out;
}

		.categories-navigation-open .categories-navigation {
			transform: translateX(0)
		}

			.categories-navigation-open .categories-navigation .categories-menu-container {
				animation: category-content-mobile 0.2s ease-out forwards;
			}

		.categories-navigation-closing .categories-navigation .categories-menu-container {
			animation: category-content-mobile-closing 0.15s ease-in-out forwards;
		}
	}

.is-being-resized .categories-navigation {
		transition: none;
	}

@media (min-width: 55.01em) {

	.categories-navigation-open .categories-close-menu.close-icon {
			animation: close-icon 0.2s ease forwards;
			display: grid
	}
		}

@media (min-width: 55.01em) {

	.categories-navigation-closing .categories-close-menu.close-icon {
			animation: close-icon 0.05s ease reverse forwards;
			display: grid
	}
		}

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

.site {
	padding-top: 6.25rem
}

@media (max-width: 49.125em) {

.site {
		padding-top: 5.875rem
}
	}

.site-main {
	overflow-x: hidden;
}

/*--------------------------------------------------------------
	# Pagination links
--------------------------------------------------------------*/

.navigation.pagination .printmag-mobile-current-page {
		display: none;
	}

.navigation.pagination .nav-links {
		align-content: center;
		display: flex;
		flex-wrap: wrap;
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: clamp(1.5rem, 3.25vw, 1.875rem);
		font-size: var(--font-size-l);
		font-weight: 900;
		justify-content: center;
		margin: calc(1.25rem  * 5) 0;
		margin: var(--spacing-5) 0;
		text-transform: uppercase;
	}

.navigation.pagination .nav-links .page-numbers {
			border-radius: 1em;
			display: grid;
			height: 52px;
			text-decoration: none;
			padding: 3px 1rem;
			align-content: center;
			justify-content: center;
			place-content: center;
			position: relative;
			transition: all 0.1s ease;
			min-width: 52px
		}

.navigation.pagination .nav-links .page-numbers:focus {
				outline: none
			}

.navigation.pagination .nav-links .page-numbers:focus::after {
					border: 1px dotted var(--color-black);
					border-radius: 100px;
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
				}

.navigation.pagination .nav-links .page-numbers.current {
				background-color: var(--color-red);
				color: var(--color-white);
			}

.navigation.pagination .nav-links .page-numbers + .page-numbers {
				margin-left: 0.25rem;
			}

.navigation.pagination .nav-links a {
			color: var(--color-black)
		}

.navigation.pagination .nav-links a:hover {
				background-color: var(--color-red);
				color: var(--color-white);
			}

.navigation.pagination .nav-links .next,
		.navigation.pagination .nav-links .prev {
			color: var(--color-red);
			font-size: 0.9375rem;
			font-size: var(--font-size-s);
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px
		}

.navigation.pagination .nav-links .next:hover, .navigation.pagination .nav-links .prev:hover {
				background-color: transparent;
				color: var(--color-red);
				text-decoration: none;
			}

.navigation.pagination .nav-links span.next,
		.navigation.pagination .nav-links span.prev {
			color: var(--gray-disabled-text);
			text-decoration: none
		}

.navigation.pagination .nav-links span.next:hover, .navigation.pagination .nav-links span.prev:hover {
				color: var(--gray-disabled-text);
			}

@media (max-width: 49.125em) {

		.navigation.pagination .nav-links {
			align-items: center;
			justify-content: space-between;
		}

		.navigation.pagination .printmag-mobile-current-page {
			display: block;
			font-size: clamp(1.875rem, 3.75vw, 2.25rem);
			font-size: var(--font-size-xl);
			padding-top: 3px;
		}

			.navigation.pagination .printmag-mobile-current-page em {
				font-family: "Newsreader Text", serif;
				font-family: var(--font-serif);
				font-size: 1.5rem;
				font-size: var(--font-size-m);
				font-weight: 400;
				padding: 0 6px;
				text-transform: none;
			}

			.navigation.pagination .printmag-mobile-current-page ~ *:not(.next) {
				display: none;
			}
	}

.page .navigation.pagination .nav-links {
			margin-bottom: 0;
		}

/*--------------------------------------------------------------
	# Site footer
--------------------------------------------------------------*/

.site-footer {
	background-color: var(--color-black);
	color: var(--color-white);
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-weight: 900;
	padding: 0 clamp(1.25rem, 3vw, 2.5rem) calc(1.25rem  * 2);
	padding: 0 var(--gutter) var(--spacing-2);
}

.site-footer > .widget-area {
		background-color: var(--color-red);
		margin-left: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
		margin-left: calc(var(--gutter) * -1);
		padding: calc(1.25rem  * 3.5) clamp(1.25rem, 3vw, 2.5rem) calc(1.25rem  * 4.5);
		padding: var(--spacing-350) var(--gutter) var(--spacing-450);
		width: calc(100% + (clamp(1.25rem, 3vw, 2.5rem) * 2));
		width: calc(100% + (var(--gutter) * 2));
		text-align: center
	}

@media (max-width: 37.5em) {

	.site-footer > .widget-area {
			padding-top: calc(1.25rem  * 2);
			padding-top: var(--spacing-2);
			padding-bottom: calc(1.25rem  * 3);
			padding-bottom: var(--spacing-3)
	}
		}

.site-footer > .widget-area .widget-title {
			font-family: "Inter", sans-serif;
			font-family: var(--font-sans);
			font-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l);
			font-weight: 900;
			margin: 0 0 calc(1.25rem  / 2);
			margin: 0 0 var(--spacing-050);
			text-transform: uppercase;
		}

.site-footer > .widget-area p {
			font-family: "Newsreader Text", serif;
			font-family: var(--font-serif);
			font-weight: 400;
			margin: 0.75em 0;
		}

.site-footer > .widget-area ::-moz-selection {
			background-color: var(--color-red-hover);
		}

::-moz-selection {
			background-color: var(--color-red-hover);
		}

.site-footer > .widget-area ::selection {
			background-color: var(--color-red-hover);
		}

@media (max-width: 60em) {

		.site-footer .menu-social-media-channels-container .menu {
				justify-content: center
		}
			}

.site-footer :focus {
		outline-color: var(--color-white);
		outline-offset: 2px;
	}

/* --- Mailchimp form --- */

.printmag-mc-subscribe-form .text-input-submit-wrap {
		display: flex;
		justify-content: center;
		margin-top: calc(1.25rem  * 2);
		margin-top: var(--spacing-2)
	}

@media (max-width: 37.5em) {

	.printmag-mc-subscribe-form .text-input-submit-wrap {
			flex-direction: column
	}
		}

.printmag-mc-subscribe-form .mc-field-group .email {
			-webkit-appearance: none;
			   -moz-appearance: none;
			        appearance: none;
			border: none;
			border-radius: 100px 0 0 100px;
			font-weight: 400;
			height: 53px;
			padding: 14px calc(1.25rem  * 1.5) 14px;
			padding: 14px var(--spacing-150) 14px;
			margin: 0;
			width: 100%;
			max-width: 346px
		}

@media (max-width: 37.5em) {

		.printmag-mc-subscribe-form .mc-field-group .email {
				border-radius: 100px;
				max-width: 100%
		}
			}

.printmag-mc-subscribe-form .mc-field-group .button {
			background-color: var(--color-black);
			border: none;
			border-radius: 0 100px 100px 0;
			color: var(--color-white);
			cursor: pointer;
			font-size: 1.06rem;
			font-weight: 900;
			height: 53px;
			padding: 14px calc(1.25rem  * 1.5) 14px;
			padding: 14px var(--spacing-150) 14px;
			position: relative;
			margin: 0;
			text-transform: uppercase;
			transition: background-color 0.15s ease-in-out;
			transition: background-color var(--speed) ease-in-out
		}

@media (max-width: 37.5em) {

		.printmag-mc-subscribe-form .mc-field-group .button {
				border-radius: 100px;
				margin-top: calc(1.25rem  / 2);
				margin-top: var(--spacing-050)
		}
			}

.printmag-mc-subscribe-form .mc-field-group .button:hover {
				background-color: #363636;
				text-decoration: none;
			}

.printmag-mc-subscribe-form .mc-field-group .button:focus {
				outline: none
			}

.printmag-mc-subscribe-form .mc-field-group .button:focus::after {
					border: 1px dotted var(--color-white);
					border-radius: 0 100px 100px 0;
					content: "";
					position: absolute;
					top: 3px;
					right: 3px;
					bottom: 3px;
					left: 3px
				}

@media (max-width: 37.5em) {

				.printmag-mc-subscribe-form .mc-field-group .button:focus::after {
						border-radius: 100px
				}
					}

/* Daily Heller overrides */

.is-daily-heller-hero .printmag-mc-subscribe-form .button {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-weight: 900;
		max-width: -moz-max-content;
		max-width: max-content
	}

@media (max-width: 37.5em) {

	.is-daily-heller-hero .printmag-mc-subscribe-form .button {
			max-width: none
	}
		}

.is-daily-heller-hero .printmag-mc-subscribe-form .email {
		border: 1px solid var(--color-black)
	}

.is-daily-heller-hero .printmag-mc-subscribe-form .email:focus {
			border-width: 2px;
			padding-left: calc(calc(1.25rem  * 1.5) - 1px);
			padding-left: calc(var(--spacing-150) - 1px);
		}

.form-notice,
.printmag-mc-subscribe-form .mce_inline_error:not(input) { /* stylelint-disable-line selector-class-pattern */
	background: #fae0da;
	border-radius: 100px;
	color: var(--color-red-hover);
	display: grid;
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	font-size: var(--font-size-s);
	font-weight: 400; /* 700 in the mockups */
	grid-template-columns: min-content 1fr;
	margin: calc(1.25rem  / 2) auto 0;
	margin: var(--spacing-050) auto 0;
	padding: calc(1.25rem  / 2) 1.25rem  0.375rem;
	padding: var(--spacing-050) var(--spacing) 0.375rem
}

.form-notice::before, .printmag-mc-subscribe-form .mce_inline_error:not(input)::before {
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23C1210B' d='M3.33 10l1.18 1.17 4.66-4.65v10.15h1.66V6.52l4.65 4.66L16.67 10 10 3.33z'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
		grid-row: 1 / span 2;
		height: 20px;
		margin-right: 10px;
	}

.form-notice.error::before, .printmag-mc-subscribe-form .mce_inline_error:not(input).error::before {
		align-self: center;
		margin-top: calc(calc(1.25rem  / 2) / 2 * -1);
		margin-top: calc(var(--spacing-050) / 2 * -1);
	}

.form-notice.success::before, .printmag-mc-subscribe-form .mce_inline_error:not(input).success::before {
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23C1210B' d='M7.33 13.23L3.85 9.75l-1.18 1.18 4.66 4.66 10-10-1.18-1.18-8.82 8.82z'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
	}

.site-footer .form-notice, .site-footer .printmag-mc-subscribe-form .mce_inline_error:not(input) {
		background-color: unset;
		border: 1px solid var(--color-white);
		color: var(--color-white);
		max-width: 500px;
		text-align: left
	}

.site-footer .form-notice::before, .site-footer .printmag-mc-subscribe-form .mce_inline_error:not(input)::before {
			content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFFFFF' d='M3.33 10l1.18 1.17 4.66-4.65v10.15h1.66V6.52l4.65 4.66L16.67 10 10 3.33z'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
		}

.site-footer .form-notice a, .site-footer .printmag-mc-subscribe-form .mce_inline_error:not(input) a {
			color: var(--color-white);
		}

.printmag-partners {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	padding-top: calc(1.25rem  * 4.5);
	padding-top: var(--spacing-450);
	max-width: 100%
}

@media (max-width: 37.5em) {

.printmag-partners {
		padding-top: calc(1.25rem  * 2.5);
		padding-top: var(--spacing-250)
}
	}

.printmag-partners .footer-logo {
		display: flex;
		margin-bottom: calc(1.25rem  * 3);
		margin-bottom: var(--spacing-3)
	}

@media (max-width: 37.5em) {

	.printmag-partners .footer-logo {
			margin-bottom: calc(1.25rem  * 3);
			margin-bottom: var(--spacing-3)
	}
		}

.printmag-partners .footer-logo a {
			color: var(--color-white);
			display: grid
		}

.printmag-partners .footer-logo a:focus {
				outline-offset: 6px;
			}

.printmag-partners .footer-logo svg {
			margin: 0 auto;
			width: 185px;
		}

.printmag-partners svg {
		color: var(--color-white);
		transition: color 0.15s ease;
		transition: color var(--speed) ease
	}

.printmag-partners svg:hover {
			color: var(--gray-disabled-text);
		}

.printmag-partners p {
		color: var(--color-gray-on-dark);
		font-size: 0.9375rem;
		font-size: var(--font-size-s);
		margin: 0 0 calc(1.25rem  / 2);
		margin: 0 0 var(--spacing-050);
		text-align: center;
		text-transform: uppercase;
	}

.printmag-partners .menu {
		display: flex;
		flex-wrap: wrap;
		margin: 0
	}

@media (max-width: 37.5em) {

	.printmag-partners .menu {
			display: grid;
			grid-gap: 1rem calc(1.25rem  * 2.5);
			gap: 1rem calc(1.25rem  * 2.5);
			grid-gap: 1rem var(--spacing-250);
			gap: 1rem var(--spacing-250);
			grid-template-columns: 1fr 1fr
	}
		}

@media (max-width: 28em) {

	.printmag-partners .menu {
			grid-template-columns: 1fr
	}
		}

.printmag-partners .menu a {
			display: flex;
		}

@media (max-width: 60em) {

		.printmag-partners .menu .menu-item {
				display: grid;
				margin: 0 auto;
				align-content: center;
				justify-content: center;
				place-content: center
		}
			}

.printmag-partners .menu .menu-item + .menu-item {
				margin-left: calc(1.25rem  * 1.5);
				margin-left: var(--spacing-150)
			}

@media (max-width: 37.5em) {

			.printmag-partners .menu .menu-item + .menu-item {
					margin: 0 auto
			}
				}

.printmag-partners .menu svg {
			height: 48px;
		}

.printmag-partners .menu .menu-item-adobe svg {
			width: 4.4rem;
		}

.printmag-partners .menu .menu-item-wordpress svg {
			width: 11.5rem;
		}

.printmag-partners .menu .menu-item-mailchimp svg {
			width: 7.69rem;
		}

.printmag-partners .menu .menu-item-fontelier svg {
			width: 6.8rem;
		}

.printmag-affiliate {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	padding-top: calc(1.25rem  * 1.5);
	padding-top: var(--spacing-150);
	max-width: 100%;

	font-family: "Newsreader Text", serif;

	font-family: var(--font-serif);
	font-size: 1.125rem;
	color: var(--color-gray-on-dark);
	font-style: italic;
	text-align: center;
	font-weight: 400
}

@media (max-width: 43.75em) {

		.printmag-affiliate br {
			display: none;
		}

	}

ul.footer-menu {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9375rem;
	font-size: var(--font-size-s);
	margin: calc(1.25rem  * 3) auto calc(1.25rem  * 1.5);
	margin: var(--spacing-3) auto var(--spacing-150);
	margin-top: calc(1.25rem  * 3);
	margin-top: var(--spacing-3);
	max-width: -moz-max-content;
	max-width: max-content
}

@media (max-width: 60em) {

ul.footer-menu {
		display: block;
		margin: calc(1.25rem  * 2) auto calc(1.25rem  * 2.5);
		margin: var(--spacing-2) auto var(--spacing-250);
		max-width: 100%
}
	}

@media (max-width: 37.5em) {

ul.footer-menu {
		border-top: solid 1px var(--color-gray);
		padding-top: calc(1.25rem  * 2);
		padding-top: var(--spacing-2)
}
	}

ul.footer-menu .menu-item {
		color: var(--color-white);
	}

ul.footer-menu .menu-item + .menu-item {
			margin-left: 1.25rem ;
			margin-left: var(--spacing)
		}

@media (max-width: 60em) {

		ul.footer-menu .menu-item + .menu-item {
				margin: 0
		}
			}

@media (max-width: 37.5em) {

		ul.footer-menu .menu-item + .menu-item {
				margin-top: 0.25rem
		}
			}

ul.footer-menu .menu-item a {
			margin: 0 auto;
			max-width: -moz-max-content;
			max-width: max-content;
		}

.site-info {
	color: var(--color-gray-on-dark);
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	font-size: var(--font-size-s);
	font-weight: 400;
	text-align: center
}

@media (max-width: 60em) {

.site-info {
		text-align: center
}
	}

@media (max-width: 37.5em) {

		.site-info span {
			display: block;
		}
	}

.site-info a {
		color: inherit;
		text-decoration: none
	}

.site-info a:hover {
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}

/*--------------------------------------------------------------
	# .entry-content block defaults
--------------------------------------------------------------*/

main > article > .entry-content {
	display: grid;
	grid-template-columns: clamp(1.25rem, 3vw, 2.5rem) [alignwide-start] 1fr [content-start] min(100%, 46rem) [content-end] 1fr [alignwide-end] clamp(1.25rem, 3vw, 2.5rem);
	grid-template-columns: var(--page-grid);
}

main > article > .entry-content > * {

		grid-column: content-start
	}

main > article > .entry-content > *.alignwide {
			grid-column-start: alignwide-start;
			grid-column-end: alignwide-end;
		}

main > article > .entry-content > *.alignfull {
			grid-column: 1 / -1;
		}

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

.page main > article > .entry-content > *:first-child:not(.is-daily-heller-hero):not(.is-design-matters-hero) {
			margin-top: 0;
		}

.entry-header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 46rem;
	max-width: var(--max-content);
}

/*--------------------------------------------------------------
	# Page
--------------------------------------------------------------*/

.page .site-main > article > .entry-header {
			display: grid;
			grid-template-columns: clamp(1.25rem, 3vw, 2.5rem) [alignwide-start] 1fr [content-start] min(100%, 46rem) [content-end] 1fr [alignwide-end] clamp(1.25rem, 3vw, 2.5rem);
			grid-template-columns: var(--page-grid);
			margin-top: calc(1.25rem  * 6);
			margin-top: var(--spacing-large);
			margin-bottom: 4rem;
			max-width: none
		}

@media (max-width: 37.5em) {

		.page .site-main > article > .entry-header {
				margin-top: calc(1.25rem  * 3);
				margin-top: var(--spacing-3)
		}
			}

.page .site-main > article > .entry-header > * {
				font-family: "Inter", sans-serif;
				font-family: var(--font-sans);
				font-size: clamp(1.5rem, 3.25vw, 1.875rem);
				font-size: var(--font-size-l);
				font-weight: 900;
				grid-column: content-start;
				text-transform: uppercase;
			}

.page .site-main > article > .entry-header .entry-title {
				margin-top: 0;
			}

.page .site-main > article > .entry-header::after {
				background-color: var(--color-red);
				content: "";
				display: block;
				grid-column: content-start;
				height: 1rem;
				margin: 1.25rem  0 0;
				margin: var(--spacing) 0 0;
				width: 3rem;
			}

.page .site-main > article > .entry-content {
			padding-bottom: calc(1.25rem  * 6);
			padding-bottom: var(--spacing-large);
		}

.page .site-main > article .wp-block-image.alignfull {
			display: grid;
			grid-template-columns: clamp(1.25rem, 3vw, 2.5rem) [alignwide-start] 1fr [content-start] min(100%, 46rem) [content-end] 1fr [alignwide-end] clamp(1.25rem, 3vw, 2.5rem);
			grid-template-columns: var(--page-grid);
		}

.page .site-main > article .wp-block-image.alignfull img {
				grid-column: 1 / -1;
			}

.page .site-main > article .wp-block-image.alignfull figcaption {
				grid-column: content-start;
			}

.page iframe[name="jobs-iframe"] {
			min-height: 100vh;
			width: 100%;
		}

/*--------------------------------------------------------------
	# Core blocks
--------------------------------------------------------------*/

.wp-block-image,
.wp-block-embed,
.wp-block-gallery,
figure.data-import-preserve,
.content-image {
	font-size: 0;
	margin-bottom: calc(1.25rem  * 2);
	margin-bottom: var(--spacing-2);
	margin-top: calc(1.25rem  * 2);
	margin-top: var(--spacing-2);
}

.single .wp-block-image, .single .wp-block-embed, .single .wp-block-gallery, .single figure.data-import-preserve, .single .content-image {
		margin-bottom: calc(1.25rem  * 2.5);
		margin-bottom: var(--spacing-250);
		margin-top: calc(1.25rem  * 2.5);
		margin-top: var(--spacing-250);
	}

.wp-block-image figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, figure.data-import-preserve figcaption, .content-image figcaption {
		margin: 1.25rem  auto 0;
		margin: var(--spacing) auto 0;
		text-align: center;
	}

.wp-block-quote.is-style-large {
		font-size: clamp(2.2rem, 4.25vw, 3rem);
		font-size: var(--font-size-xxl);
		font-style: normal;
		grid-gap: calc(1.25rem  * 1.5) 1.25rem ;
		gap: calc(1.25rem  * 1.5) 1.25rem ;
		grid-gap: var(--spacing-150) var(--spacing);
		gap: var(--spacing-150) var(--spacing);
		line-height: 1.1;
		padding: 0;
	}

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

.wp-block-quote.is-style-large cite {
			font-size: 1.25rem;
			font-size: var(--font-size-default);
			font-style: normal;
			text-align: left;
		}

.wp-block-gallery .blocks-gallery-grid {
		display: grid;
		grid-gap: calc(1.25rem  / 2);
		gap: calc(1.25rem  / 2);
		grid-gap: var(--spacing-050);
		gap: var(--spacing-050);
	}

.wp-block-gallery .blocks-gallery-grid .blocks-gallery-image,
		.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
			margin: 0;
			width: 100%;
		}

.wp-block-gallery.columns-2 .blocks-gallery-grid {
		grid-template-columns: 1fr 1fr;
	}

.wp-block-gallery.columns-3 .blocks-gallery-grid {
		grid-template-columns: 1fr 1fr 1fr
	}

@media (max-width: 37.5em) {

.wp-block-gallery.columns-3 .blocks-gallery-grid {
			grid-template-columns: 1fr 1fr
	}
		}

.wp-block-gallery.columns-4 .blocks-gallery-grid {
		grid-template-columns: repeat(4, 1fr)
	}

@media (max-width: 37.5em) {

.wp-block-gallery.columns-4 .blocks-gallery-grid {
			grid-template-columns: 1fr 1fr
	}
		}

.wp-block-separator {
	border: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 50%
}

.wp-block-separator.is-style-wide {
		max-width: 100%;
	}

/*--------------------------------------------------------------
	# Layouts -- wp-block-group
--------------------------------------------------------------*/

.content-span-8 > .wp-block-group__inner-container {
		display: grid;
		grid-gap: 0 1.25rem ;
		gap: 0 1.25rem ;
		grid-gap: 0 var(--global-gap);
		gap: 0 var(--global-gap);
		grid-template-columns: repeat(10, 1fr);
		grid-template-columns: var(--global-grid);
		margin: 0 auto;
		max-width: 90rem;
		max-width: var(--max-wide-width);
	}

.content-span-8 > .wp-block-group__inner-container > * {
			grid-column: 2 / span 8
		}

@media (max-width: 60em) {

		.content-span-8 > .wp-block-group__inner-container > * {
				grid-column: 1 / -1
		}
			}

/*--------------------------------------------------------------
	# wp-block-printmag-curated-post
--------------------------------------------------------------*/

.wp-block-printmag-curated-post article, .wp-block-printmag-post-type-archive article, .river article {
		display: flex;
		flex-direction: column;
	}

.wp-block-printmag-curated-post article figure, .wp-block-printmag-post-type-archive article figure, .river article figure {
			order: -2;
			position: relative;
		}

.wp-block-printmag-curated-post article figure img, .wp-block-printmag-post-type-archive article figure img, .river article figure img {
				width: 100%;
			}

.wp-block-printmag-curated-post .podcast header, .wp-block-printmag-post-type-archive .podcast header, .river .podcast header {
			order: -1;
		}

.wp-block-printmag-curated-post .podcast .entry-title, .wp-block-printmag-post-type-archive .podcast .entry-title, .river .podcast .entry-title {
			margin-top: 1.25rem ;
			margin-top: var(--spacing);
			margin-bottom: 0.25em;
		}

.wp-block-printmag-curated-post .podcast .cat-links, .wp-block-printmag-post-type-archive .podcast .cat-links, .river .podcast .cat-links {
			margin-top: 0;
		}

.wp-block-printmag-curated-post .podcast .entry-content, .wp-block-printmag-post-type-archive .podcast .entry-content, .river .podcast .entry-content {
			margin-top: calc(1.25rem  * 1.5);
			margin-top: var(--spacing-150);
		}

.wp-block-printmag-curated-post .podcast .post-thumbnail a, .wp-block-printmag-post-type-archive .podcast .post-thumbnail a, .river .podcast .post-thumbnail a {
			display: block;
			height: 0;
			padding-bottom: 100%;
			position: relative;
		}

.wp-block-printmag-curated-post .podcast .post-thumbnail a img, .wp-block-printmag-post-type-archive .podcast .post-thumbnail a img, .river .podcast .post-thumbnail a img {
				height: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
				position: absolute;
			}

.wp-block-printmag-curated-post .entry-title, .wp-block-printmag-post-type-archive .entry-title, .river .entry-title {
		font-size: clamp(1.875rem, 3.75vw, 2.25rem);
		font-size: var(--font-size-xl);
		margin-top: 0.5em;
		margin-bottom: 0;
		max-width: 34rem;
	}

.wp-block-printmag-curated-post .entry-title a, .wp-block-printmag-post-type-archive .entry-title a, .river .entry-title a {
			color: inherit;
			display: inline-block
		}

.wp-block-printmag-curated-post .entry-title a:hover, .wp-block-printmag-post-type-archive .entry-title a:hover, .river .entry-title a:hover {
				text-decoration: underline;
				text-decoration-thickness: 1px;
				text-underline-offset: 0.05em;
			}

.has-4-columns .wp-block-printmag-curated-post .entry-title, .has-4-columns .wp-block-printmag-post-type-archive .entry-title, .has-4-columns .river .entry-title {
			font-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l);
		}

.wp-block-printmag-curated-post .entry-content, .wp-block-printmag-post-type-archive .entry-content, .river .entry-content {
		margin-top: 0.75rem;
		max-width: 32.25rem;
	}

.wp-block-printmag-curated-post .entry-content > *, .wp-block-printmag-post-type-archive .entry-content > *, .river .entry-content > * {
			margin: 0;
		}

.wp-block-printmag-curated-post .cat-links, .wp-block-printmag-post-type-archive .cat-links, .river .cat-links {
		order: -1;
	}

.wp-block-printmag-curated-post .posted-on, .wp-block-printmag-post-type-archive .posted-on, .river .posted-on {
		color: var(--color-red);
		display: block;
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 0.9375rem;
		font-size: var(--font-size-s);
		font-weight: 900;
		line-height: 1.1;
		margin-top: 1rem;
		order: -1;
		text-transform: uppercase;
	}

.wp-block-printmag-curated-post.is-style-large .entry-title, .wp-block-printmag-post-type-archive.is-style-large .entry-title, .river.is-style-large .entry-title {
			font-size: clamp(2.2rem, 4.25vw, 3rem);
			font-size: var(--font-size-xxl);
		}

.cat-links {
	align-items: center;
	color: var(--color-red);
	display: flex;
	line-height: 1.1;
	margin-top: 1rem;
}

.cat-links a,
	.cat-links .guest-podcast-name {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 0.9375rem;
		font-size: var(--font-size-s);
		font-weight: 900;
		text-transform: uppercase
	}

@media (max-width: 49.125em) {

	.cat-links a,
	.cat-links .guest-podcast-name {
			font-size: 0.9375rem
	}
		}

.cat-links a {
		color: var(--color-red);
		text-decoration: none
	}

.cat-links a:hover {
			color: var(--color-red);
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}

.cat-links > a {
		align-self: flex-start;
		display: block;
		flex: 0 0 18px;
		height: 18px;
		margin-top: 1px;
		margin-right: 0.5rem;
		width: 18px
	}

@media (max-width: 37.5em) {

	.cat-links > a {
			margin-top: 0
	}
		}

.cat-links > a:hover {
			color: var(--color-red-hover);
		}

.cat-links > a:hover svg circle {
				fill: currentColor;
			}

.cat-links > a svg {
			height: 100%;
			width: 100%;
		}

/*--------------------------------------------------------------
	# Hero
--------------------------------------------------------------*/

.entry-content > .is-hero:first-child::before, .is-root-container > .wp-block:first-child .is-hero:not(.block-editor-block-list__block)::before, .entry-content > .is-rotated-hero:first-child::before, .is-root-container > .wp-block:first-child .is-rotated-hero:not(.block-editor-block-list__block)::before {
			background-color: var(--color-black);
			background-color: var(--logo-color);
			content: "";
			display: block;
			height: 0;
			margin: 0 auto;
			-webkit-mask: url(images/print-magazine-logo.svg) no-repeat;
			        mask: url(images/print-magazine-logo.svg) no-repeat;
			padding-bottom: min(25.6%, 114px);
			position: relative;
			transform: translateY(41%);
			transition: opacity 0.15s ease;
			transition: opacity var(--speed) ease;
			width: calc(100vw - (clamp(1.25rem, 3vw, 2.5rem) * 2));
			width: calc(100vw - (var(--gutter) * 2));
			max-width: 445px;
			z-index: 2
		}

@media (max-width: 49.125em) {

		.entry-content > .is-hero:first-child::before, .is-root-container > .wp-block:first-child .is-hero:not(.block-editor-block-list__block)::before, .entry-content > .is-rotated-hero:first-child::before, .is-root-container > .wp-block:first-child .is-rotated-hero:not(.block-editor-block-list__block)::before {
				display: none
		}
			}

.entry-content > .is-hero:first-child.playing-video::before, .is-root-container > .wp-block:first-child .is-hero:not(.block-editor-block-list__block).playing-video::before, .entry-content > .is-rotated-hero:first-child.playing-video::before, .is-root-container > .wp-block:first-child .is-rotated-hero:not(.block-editor-block-list__block).playing-video::before {
			opacity: 0;
		}

.is-hero article, .is-rotated-hero article {
		color: var(--color-black);
		color: var(--color-text);
		display: grid;
		grid-template-columns: 1fr min(100%, 808px) 1fr;
		margin: 0;
	}

/* title */

.is-hero article header, .is-rotated-hero article header {
			grid-column: 2
		}

.is-hero article header::before, .is-rotated-hero article header::before {
				background-color: var(--color-red);
				content: "";
				display: block;
				height: 1rem;
				margin: calc(1.25rem  * 1.25) 0 0;
				margin: var(--spacing-125) 0 0;
				width: 3rem;
			}

@media (max-width: 55em) {
		.is-hero article header, .is-rotated-hero article header {
				grid-column: 1 / -1;
				padding-left: clamp(1.25rem, 3vw, 2.5rem);
				padding-left: var(--gutter);
				padding-right: clamp(1.25rem, 3vw, 2.5rem);
				padding-right: var(--gutter)
		}
			}

.is-hero article .entry-title, .is-rotated-hero article .entry-title {
			font-size: clamp(2.9rem, 6vw, 4.25rem);
			font-size: var(--font-size-huge);
			line-height: 1.1;
			margin-top: 2.5rem;
			margin-bottom: 0;
			max-width: none;
		}

.is-hero figure, .is-rotated-hero figure {
		grid-column: 1 / -1;
	}

.is-hero figure img, .is-rotated-hero figure img {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			width: 100%;
		}

@media (min-width: 49.126em) {

	.is-hero figure, .is-rotated-hero figure {
			height: calc(90vh - 70px)
	}
		}

.is-hero .entry-content, .is-rotated-hero .entry-content {
		grid-column: 2;
		margin-top: 1.25rem;
		max-width: 42rem;
	}

.is-hero .entry-content > *, .is-rotated-hero .entry-content > * {
			max-width: none;
		}

@media (max-width: 55em) {

	.is-hero .entry-content, .is-rotated-hero .entry-content {
			grid-column: 1 / -1;
			padding-left: clamp(1.25rem, 3vw, 2.5rem);
			padding-left: var(--gutter);
			padding-right: clamp(1.25rem, 3vw, 2.5rem);
			padding-right: var(--gutter)
	}
		}

.is-hero.is-displaying-categories article header::before, .is-rotated-hero.is-displaying-categories article header::before {
			display: none;
		}

.is-hero.is-displaying-categories .cat-links, .is-rotated-hero.is-displaying-categories .cat-links {
			align-items: center;
			grid-column: 2;
			margin-top: calc(1.25rem  * 1.25);
			margin-top: var(--spacing-125)
		}

@media (max-width: 55em) {

		.is-hero.is-displaying-categories .cat-links, .is-rotated-hero.is-displaying-categories .cat-links {
				grid-column: 1 / -1;
				padding-left: clamp(1.25rem, 3vw, 2.5rem);
				padding-left: var(--gutter);
				padding-right: clamp(1.25rem, 3vw, 2.5rem);
				padding-right: var(--gutter)
		}
			}

.is-hero.is-displaying-categories .cat-links::before, .is-rotated-hero.is-displaying-categories .cat-links::before {
				background-color: var(--color-red);
				content: "";
				display: inline-block;
				height: 1rem;
				margin: -2px 1.25rem 0 0;
				margin: -2px 1.25rem  0 0;
				margin: -2px var(--spacing) 0 0;
				width: 3rem;
			}

.is-hero.is-displaying-categories .cat-links > a, .is-rotated-hero.is-displaying-categories .cat-links > a {
				display: none;
			}

/* --- Video styles --- */

.printmag-featured-video {
	background-color: var(--color-black);
	height: 100%;
	position: relative;
	width: 100%
}

.printmag-featured-video.cover {
		-o-object-fit: cover;
		   object-fit: cover;
	}

.has-post-thumbnail .printmag-featured-video {
	display: none;
	position: absolute;
	top: 0;
	transition: background-color 0.15s ease-in-out;
	transition: background-color var(--speed) ease-in-out;
	z-index: -1;
}

.playing .printmag-featured-video {
	display: block;
	z-index: 1;
}

.playing .printmag-featured-video + .printmag-featured-video-play-button {
		display: none;
	}

.printmag-featured-video-play-button {
	--sizing: 20vw;
	all: unset;
	cursor: pointer;
	display: grid;
	height: 100%;
	margin: 0;
	align-content: center;
	justify-content: center;
	place-content: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.printmag-featured-video-play-button svg {
		border-radius: 200px;
		box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14902);
		display: block;
		height: var(--sizing);
		max-height: 128px;
		width: var(--sizing);
		max-width: 128px
	}

.printmag-featured-video-play-button svg:hover circle {
				opacity: 0.8;
			}

.printmag-featured-video-play-button circle {
		fill: var(--color-white);
		transition: opacity 0.15s ease-in-out;
		transition: opacity var(--speed) ease-in-out;
	}

.printmag-featured-video-play-button path {
		fill: var(--color-red);
	}

/*--------------------------------------------------------------
	# Other heroes
--------------------------------------------------------------*/

.is-daily-heller-hero > *, .is-design-matters-hero > * {
		display: grid;
		grid-template: "img head head" "img content content" / 1fr 1fr 1fr;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 48.2rem
	}

@media (max-width: 37.5em) {

	.is-daily-heller-hero > *, .is-design-matters-hero > * {
			grid-template: "img img head head head" "content content content content content" / 1fr 1fr 1fr 1fr 1fr
	}
		}

.is-daily-heller-hero::before, .is-design-matters-hero::before {
		background-color: var(--color-black);
		content: "";
		display: block;
		height: 0;
		margin: 0 auto calc(1.25rem  * 3);
		margin: 0 auto var(--spacing-3);
		order: -1;
		position: relative;
		transform: translateY(-50%);
		z-index: 2
	}

@media (max-width: 37.5em) {

.is-daily-heller-hero::before, .is-design-matters-hero::before {
			margin-bottom: 1.25rem ;
			margin-bottom: var(--spacing)
	}
		}

@media (max-width: 37.5em) {

		.entry-content .is-daily-heller-hero.has-large-margin-top, .entry-content .is-design-matters-hero.has-large-margin-top {
				margin-top: 15vw
		}
			}

.is-daily-heller-hero.has-background, .is-design-matters-hero.has-background {
		padding: 0 clamp(1.25rem, 3vw, 2.5rem) calc(1.25rem  * 3);
		padding: 0 var(--gutter) var(--spacing-3);
	}

.is-daily-heller-hero .wp-block-image, .is-design-matters-hero .wp-block-image {
		grid-area: img;
		margin: 0 calc(1.25rem  * 2) 0 0;
		margin: 0 var(--spacing-2) 0 0
	}

@media (max-width: 37.5em) {

	.is-daily-heller-hero .wp-block-image, .is-design-matters-hero .wp-block-image {
			margin-right: 1.25rem ;
			margin-right: var(--spacing)
	}
		}

.is-daily-heller-hero h2, .is-design-matters-hero h2 {
		grid-area: head;
		margin: 0
	}

@media (max-width: 37.5em) {

	.is-daily-heller-hero h2, .is-design-matters-hero h2 {
			display: grid;
			align-content: center;
			justify-content: left;
			place-content: center left
	}
		}

.is-daily-heller-hero h2 em, .is-design-matters-hero h2 em {
			font-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l)
		}

@media (max-width: 37.5em) {

		.is-daily-heller-hero h2 em, .is-design-matters-hero h2 em {
				display: block
		}
			}

.is-daily-heller-hero .content, .is-design-matters-hero .content {
		grid-area: content;
		padding: 0
	}

@media (max-width: 37.5em) {

	.is-daily-heller-hero .content, .is-design-matters-hero .content {
			margin-top: 1.25rem ;
			margin-top: var(--spacing)
	}
		}

.is-daily-heller-hero::before {
	-webkit-mask: url(images/the-daily-heller-logo.svg) no-repeat;
	        mask: url(images/the-daily-heller-logo.svg) no-repeat;
	-webkit-mask-size: contain;
	        mask-size: contain;
	padding-bottom: min(13.55%, 114px);
	width: 100%;
	max-width: 590px;
}

.is-design-matters-hero::before {
	-webkit-mask: url(images/design-matters-logo.svg) no-repeat;
	        mask: url(images/design-matters-logo.svg) no-repeat;
	-webkit-mask-size: contain;
	        mask-size: contain;
	padding-bottom: min(12.2%, 70px);
	width: calc(100vw - (clamp(1.25rem, 3vw, 2.5rem) * 2));
	width: calc(100vw - (var(--gutter) * 2));
	max-width: 573px;
}

.is-daily-heller-hero {
	margin-top: 35px;
}

.single .entry-footer .is-daily-heller-hero {
		grid-column: 1 / -1;
		padding-top: calc(1.25rem  * 3);
		padding-top: var(--spacing-3);
		width: 100vw;
		max-width: 100vw
	}

.single .entry-footer .is-daily-heller-hero::before {
			content: unset;
		}

.design-matters-links-wrapper {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 0 1.25rem ;
	gap: 0 1.25rem ;
	grid-gap: 0 var(--spacing);
	gap: 0 var(--spacing);
	justify-content: space-between;
}

.design-matters-links-wrapper p {
		display: flex;
	}

.design-matters-links-wrapper a {
		margin-left: calc(1.25rem  / 2);
		margin-left: var(--spacing-050);
	}

.design-matters-links-wrapper svg {
		display: block;
		fill: currentColor;
		margin-top: 2px
	}

@media (max-width: 28em) {

	.design-matters-links-wrapper svg {
			margin-top: 0
	}
		}

.wp-block-quote.design-matters-quote {
	margin: 0
}

@media (max-width: 37.5em) {

.wp-block-quote.design-matters-quote {
		margin-top: calc(1.25rem  * 3);
		margin-top: var(--spacing-3)
}
	}

.wp-block-quote.design-matters-quote::before {
		grid-row: 1;
	}

.single .entry-footer .design-matters-footer-quote {
		grid-column: 2 / span 4;
		margin-top: calc(1.25rem  * 3);
		margin-top: var(--spacing-3)
	}

@media (max-width: 37.5em) {

	.single .entry-footer .design-matters-footer-quote {
			margin-top: 0
	}
		}

.single .entry-footer .design-matters-footer-quote > * {
			max-width: 46rem;
			max-width: var(--max-content);
		}

.single .entry-footer .design-matters-meta {
		grid-column: 1 / -1;
	}

.design-matters-meta > * {
		display: grid;
		grid-gap: 0 calc(1.25rem  * 2);
		gap: 0 calc(1.25rem  * 2);
		grid-gap: 0 var(--spacing-2);
		gap: 0 var(--spacing-2);
		grid-template: "img head head" "img content content" / 1fr 1fr 1fr;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 48.2rem
	}

@media (max-width: 37.5em) {

	.design-matters-meta > * {
			grid-template: "img img head head head" "content content content content content" / 1fr 1fr 1fr 1fr 1fr
	}
		}

.design-matters-meta .wp-block-image {
		grid-area: img;
		margin: 0;
	}

.design-matters-meta h2 {
		grid-area: head;
		margin: 0
	}

@media (max-width: 37.5em) {

	.design-matters-meta h2 {
			display: grid;
			align-content: center;
			justify-content: left;
			place-content: center left
	}
		}

.design-matters-meta .content {
		grid-area: content;
		padding: 0;
	}

/* --- .is-grid --- */

.is-grid {
	display: grid;
	grid-gap: calc(1.25rem  * 5) 1.25rem ;
	gap: calc(1.25rem  * 5) 1.25rem ;
	grid-gap: var(--spacing-5) var(--global-gap);
	gap: var(--spacing-5) var(--global-gap);
}

@media (max-width: 37.5em) {

	.is-grid .post-thumbnail {
			margin-left: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
			margin-left: calc(var(--gutter) * -1);
			margin-right: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
			margin-right: calc(var(--gutter) * -1)
	}
		}

.is-grid.has-3-columns {
		grid-template-columns: 1fr 1fr 1fr
	}

@media (max-width: 49.125em) {

.is-grid.has-3-columns {
			grid-template-columns: 1fr 1fr
	}
		}

@media (max-width: 37.5em) {

.is-grid.has-3-columns {
			grid-template-columns: 1fr
	}
		}

.is-grid.has-5-columns {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

.is-grid.has-5-columns article .entry-title {
			font-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l);
		}

@media (max-width: 60em) {

.is-grid.has-5-columns {
			grid-template-columns: 1fr 1fr
	}
		}

@media (max-width: 37.5em) {

.is-grid.has-5-columns {
			grid-template-columns: 1fr
	}
		}

/* --- .is-constant-size --- */

.is-constant-size {
	display: grid;
	grid-gap: calc(1.25rem  * 4) 1.25rem ;
	gap: calc(1.25rem  * 4) 1.25rem ;
	grid-gap: var(--spacing-4) var(--global-gap);
	gap: var(--spacing-4) var(--global-gap);
	grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 37.5em) {

.is-constant-size {

		grid-template-columns: 1fr;
		grid-gap: 0 1.25rem ;
		gap: 0 1.25rem ;
		grid-gap: 0 var(--global-gap);
		gap: 0 var(--global-gap);
}

		.is-constant-size article + article {
			margin-top: calc(1.25rem  * 3);
			margin-top: var(--spacing-3);
		}
	}

.is-constant-size article {
		grid-column: 1 / -1;
	}

@media (max-width: 37.5em) {

	.is-constant-size .post-thumbnail {
			margin-left: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
			margin-left: calc(var(--gutter) * -1);
			margin-right: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
			margin-right: calc(var(--gutter) * -1)

	}
		}

@media (min-width: 37.51em) {

		.is-constant-size.has-2-columns article {
				grid-column: span 2
		}
			}

.is-constant-size.has-2-columns article .entry-title {
				font-size: clamp(2.2rem, 4.25vw, 3rem);
				font-size: var(--font-size-xxl);
				margin-top: 0.6em;
				max-width: min(85%, 45rem);
			}

@media (max-width: 60em) {

.is-constant-size.has-4-columns {
			grid-template-columns: repeat(4, 1fr)
	}
		}

@media (min-width: 37.51em) {

		.is-constant-size.has-4-columns article {
				grid-column: span 1
		}
			}

@media (min-width: 37.51em) and (max-width: 60em) {

		.is-constant-size.has-4-columns article {
				grid-column: span 2
		}
			}

@media (min-width: 60.001em) {

		.is-constant-size.has-4-columns article {
				grid-column: span 1
		}
			}

.is-constant-size.has-4-columns article .entry-title {
				font-size: clamp(1.5rem, 3.25vw, 1.875rem);
				font-size: var(--font-size-l);
			}

/* --- .is-varying-size --- */

.is-varying-size {
	display: grid;
	grid-gap: calc(1.25rem  * 4) 1.25rem ;
	gap: calc(1.25rem  * 4) 1.25rem ;
	grid-gap: var(--spacing-4) var(--global-gap);
	gap: var(--spacing-4) var(--global-gap);
	grid-template-columns: repeat(10, 1fr);
	grid-template-columns: var(--global-grid)
}

@media (max-width: 37.5em) {

.is-varying-size {
		grid-template-columns: 1fr;
		grid-gap: 0 1.25rem ;
		gap: 0 1.25rem ;
		grid-gap: 0 var(--global-gap);
		gap: 0 var(--global-gap);
}

		.is-varying-size article + article {
			margin-top: calc(1.25rem  * 3);
			margin-top: var(--spacing-3);
		}
	}

.is-varying-size article {
		grid-column: 1 / -1;
	}

@media (max-width: 37.5em) {

	.is-varying-size .post-thumbnail {
			margin-left: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
			margin-left: calc(var(--gutter) * -1);
			margin-right: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
			margin-right: calc(var(--gutter) * -1)
	}
		}

@media (min-width: 37.51em) {

		.is-varying-size.has-2-columns article {
				grid-column: span 4
		}

				.is-varying-size.has-2-columns article:nth-child(4n+1),
				.is-varying-size.has-2-columns article:nth-child(4n+4) {
					grid-column: span 6;
				}
			}

.is-varying-size.has-2-columns article .entry-title {
				font-size: clamp(2.2rem, 4.25vw, 3rem);
				font-size: var(--font-size-xxl);
				margin-top: 0.6em;
				max-width: min(85%, 45rem);
			}

.is-varying-size.has-3-columns {
		grid-template-columns: repeat(10, 1fr);
		grid-template-columns: var(--global-grid)
	}

@media (max-width: 37.5em) {

.is-varying-size.has-3-columns {
			grid-template-columns: 1fr
	}
		}

@media (min-width: 37.51em) {

		.is-varying-size.has-3-columns article {
				grid-column: span 3
		}

				.is-varying-size.has-3-columns article:nth-child(9n+2),
				.is-varying-size.has-3-columns article:nth-child(9n+6),
				.is-varying-size.has-3-columns article:nth-child(9n+7) {
					grid-column: span 4;
				}
			}

@media (min-width: 37.51em) {

			.is-varying-size.has-3-columns + .has-3-columns article {
					grid-column: span 3
			}

					.is-varying-size.has-3-columns + .has-3-columns article:nth-child(3) {
						grid-column: span 4;
					}
				}

.is-varying-size.has-3-columns + .has-3-columns + .has-3-columns article {
					grid-column: span 3
				}

@media (min-width: 37.51em) {

						.is-varying-size.has-3-columns + .has-3-columns + .has-3-columns article:nth-child(1) {
							grid-column: span 4;
						}
					}

.is-varying-size.has-3-columns + .has-3-columns + .has-3-columns + .has-3-columns article {
						grid-column: span 3
					}

@media (min-width: 37.51em) {

							.is-varying-size.has-3-columns + .has-3-columns + .has-3-columns + .has-3-columns article:nth-child(2) {
								grid-column: span 4;
							}
						}

@media (max-width: 60em) {

.is-varying-size.has-4-columns {
			grid-template-columns: repeat(5, 1fr)
	}
		}

@media (min-width: 37.51em) {

		.is-varying-size.has-4-columns article {
				grid-column: span 2
		}
			}

@media (min-width: 37.51em) and (max-width: 60em) {

				.is-varying-size.has-4-columns article:nth-child(4n+1),
				.is-varying-size.has-4-columns article:nth-child(4n+4) {
					grid-column: span 3;
				}
			}

@media (min-width: 60.001em) {

				.is-varying-size.has-4-columns article:nth-child(8n+1),
				.is-varying-size.has-4-columns article:nth-child(8n+3),
				.is-varying-size.has-4-columns article:nth-child(8n+6),
				.is-varying-size.has-4-columns article:nth-child(8n+8) {
					grid-column: span 3;
				}
			}

.is-varying-size.has-4-columns article .entry-title {
				font-size: clamp(1.5rem, 3.25vw, 1.875rem);
				font-size: var(--font-size-l);
			}

@media (max-width: 60em) {

.is-varying-size.has-5-columns {
			grid-template-columns: repeat(5, 1fr)
	}
		}

.is-varying-size.has-5-columns article {
			grid-column: span 2;
		}

.is-varying-size.has-5-columns article .entry-title {
				font-size: clamp(1.5rem, 3.25vw, 1.875rem);
				font-size: var(--font-size-l);
			}

/*--------------------------------------------------------------
	# Horizontal middle -- .is-mid-article
--------------------------------------------------------------*/

.is-mid-article article {
		display: grid;
		grid-gap: 0 calc(1.25rem  * 2);
		gap: 0 calc(1.25rem  * 2);
		grid-gap: 0 var(--spacing-2);
		gap: 0 var(--spacing-2);
		grid-template: "img img img img img cat cat cat" max-content "img img img img img head head head" max-content "img img img img img content content content" 1fr / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
	}

@media (max-width: 49.125em) {

	.is-mid-article article {
			grid-template: "img" "cat" "head" "content"
	}
		}

.is-mid-article.podcast article {
		background-color: var(--color-gray-light);
		grid-template: "img img img img . . . ." 1fr "img img img img head head head head" max-content "img img img img cat cat cat cat" max-content "img img img img content content content content" "img img img img . . . ." 1fr / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
	}

@media (max-width: 49.125em) {

.is-mid-article.podcast article {
			grid-template: "img" "head" "cat" "content";
			padding-bottom: 1.25rem ;
			padding-bottom: var(--spacing)
	}
		}

.is-mid-article.podcast article .post-thumbnail a {
			display: block;
			height: 0;
			padding-bottom: 100%;
			position: relative;
		}

.is-mid-article.podcast article .post-thumbnail a img {
				position: absolute;
			}

.is-mid-article.podcast article .cat-links {
			margin: 0;
		}

.is-mid-article.podcast article header {
			margin-top: 0;
		}

.is-mid-article.podcast article .entry-title {
			margin-bottom: 0.25em;
			margin-top: 1.25rem ;
			margin-top: var(--spacing)
		}

@media (max-width: 49.125em) {

		.is-mid-article.podcast article .entry-title {
				margin-top: 0.6em
		}
			}

.is-mid-article.podcast article header,
		.is-mid-article.podcast article .cat-links,
		.is-mid-article.podcast article .entry-content {
			padding-right: calc(1.25rem  * 3);
			padding-right: var(--spacing-3);
			padding-left: calc(1.25rem  / 2);
			padding-left: var(--spacing-050)
		}

@media (max-width: 49.125em) {

		.is-mid-article.podcast article header,
		.is-mid-article.podcast article .cat-links,
		.is-mid-article.podcast article .entry-content {
				padding: 0 1.25rem ;
				padding: 0 var(--spacing)
		}
			}

.is-mid-article.podcast article .entry-content {
			margin-top: calc(1.25rem  * 1.5);
			margin-top: var(--spacing-150);
			margin-bottom: 1.25rem ;
			margin-bottom: var(--spacing);
		}

.single .is-mid-article article {
			border: 1px solid var(--color-black);
			border-width: 1px 0;
			grid-template: "img img cat cat cat cat" "img img head head head head" "img img content content content content" / 1fr 1fr 1fr 1fr 1fr 1fr;
			margin-bottom: calc(1.25rem  * 2.5);
			margin-bottom: var(--spacing-250);
			margin-top: calc(1.25rem  * 2.5);
			margin-top: var(--spacing-250);
			padding-bottom: calc(1.25rem  * 2);
			padding-bottom: var(--spacing-2);
			padding-top: calc(1.25rem  * 2);
			padding-top: var(--spacing-2);
		}

.single .is-mid-article header .entry-title {
			font-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l);
		}

.single .is-mid-article header,
		.single .is-mid-article .cat-links,
		.single .is-mid-article .entry-content {
			padding-left: calc(1.25rem  * 1.5);
			padding-left: var(--spacing-150);
			padding-right: calc(1.25rem  * 3);
			padding-right: var(--spacing-3)
		}

@media (max-width: 49.125em) {

		.single .is-mid-article header,
		.single .is-mid-article .cat-links,
		.single .is-mid-article .entry-content {
				padding-right: 0
		}
			}

.single .is-mid-article .post-thumbnail a {
				display: flex;
				height: 100%;
			}

.single .is-mid-article .post-thumbnail img {
				-o-object-fit: cover;
				   object-fit: cover
			}

@media (max-width: 49.125em) {

			.single .is-mid-article .post-thumbnail img {
					align-self: flex-start;
					-o-object-fit: contain;
					   object-fit: contain
			}
				}

.is-mid-article .post-thumbnail {
		grid-area: img;
	}

.is-mid-article .cat-links {
		grid-area: cat;
		margin: 0
	}

@media (max-width: 49.125em) {

	.is-mid-article .cat-links {
			margin-top: calc(1.25rem  * 1.5);
			margin-top: var(--spacing-150)
	}
		}

.is-mid-article header {
		grid-area: head;
		margin: 0;
	}

.is-mid-article header .entry-title {
			font-size: clamp(2.2rem, 4.25vw, 3rem);
			font-size: var(--font-size-xxl);
			margin: 0.6em 0 0;
		}

.is-mid-article .entry-content {
		grid-area: content
	}

@media (max-width: 49.125em) {

	.is-mid-article .entry-content {
			margin-bottom: 1.25rem ;
			margin-bottom: var(--spacing)
	}
		}

.is-mid-article.has-media article {
			background-color: var(--color-gray-light);
			grid-template: "img img img img cat cat cat cat" max-content "img img img img head head head head" max-content "img img img img content content content content" "img img img img . . . ." calc(1.25rem  * 1.5) / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
			grid-template: "img img img img cat cat cat cat" max-content "img img img img head head head head" max-content "img img img img content content content content" "img img img img . . . ." var(--spacing-150) / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
			padding-right: calc(1.25rem  * 3);
			padding-right: var(--spacing-3)
		}

@media (max-width: 49.125em) {

		.is-mid-article.has-media article {
				grid-template: "img" "cat" "head" "content";
				padding-right: 0;
				padding-bottom: 1.25rem ;
				padding-bottom: var(--spacing);
		}

				.is-mid-article.has-media article > * {
					padding: 0 calc(1.25rem  * 2);
					padding: 0 var(--spacing-2);
				}

				.is-mid-article.has-media article > .post-thumbnail {
					padding: 0;
				}
			}

.is-mid-article.has-media .wp-post-image {
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.is-mid-article.has-media .cat-links {
			margin-top: calc(1.25rem  * 3);
			margin-top: var(--spacing-3)
		}

@media (max-width: 49.125em) {

		.is-mid-article.has-media .cat-links {
				margin-top: calc(1.25rem  * 1.5);
				margin-top: var(--spacing-150)
		}
			}

.is-mid-article.has-media .entry-content {
			margin-top: calc(1.25rem  / 2);
			margin-top: var(--spacing-050);
		}

.is-mid-article.is-daily-heller-mid-article {
		max-width: 1088px;
	}

.is-mid-article.is-daily-heller-mid-article article {
			grid-gap: 0 calc(1.25rem  * 2);
			gap: 0 calc(1.25rem  * 2);
			grid-gap: 0 var(--spacing-2);
			gap: 0 var(--spacing-2);
		}

/*--------------------------------------------------------------
	# External link block
--------------------------------------------------------------*/

.wp-block-printmag-external-link-block {

	margin-top: calc(1.25rem  * 2);

	margin-top: var(--spacing-2);
	margin-bottom: calc(1.25rem  * 2);
	margin-bottom: var(--spacing-2);
}

.wp-block-printmag-external-link-block article {
		background-color: var(--color-gray-light);
		display: grid;
	}

.wp-block-printmag-external-link-block figure {
		order: -1;
	}

.wp-block-printmag-external-link-block h2 {
		font-size: clamp(1.875rem, 3.75vw, 2.25rem);
		font-size: var(--font-size-xl);
		margin: calc(1.25rem  * 1.25) calc(1.25rem  * 1.5) calc(1.25rem  / 2);
		margin: var(--spacing-125) var(--spacing-150) var(--spacing-050);
	}

.wp-block-printmag-external-link-block span {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 0.9375rem;
		font-size: var(--font-size-s);
		font-weight: 900;
		margin: 0 calc(1.25rem  * 1.5) calc(1.25rem  * 1.25);
		margin: 0 var(--spacing-150) var(--spacing-125);
		text-transform: uppercase;
	}

.wp-block-printmag-external-link-block span a:hover {
				color: var(--color-red);
			}

@media (min-width: 37.51em) {

		.wp-block-printmag-external-link-block.is-style-horizontal article {
				grid-gap: 0 1.25rem ;
				gap: 0 1.25rem ;
				grid-gap: 0 var(--global-gap);
				gap: 0 var(--global-gap);
				grid-template: "img head" "img link" 1fr / 40% 60%;
		}

				.wp-block-printmag-external-link-block.is-style-horizontal article figure {
					grid-area: img;
					height: 0;
					padding-bottom: 100%;
					position: relative;
				}

					.wp-block-printmag-external-link-block.is-style-horizontal article figure a {
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
					}

					.wp-block-printmag-external-link-block.is-style-horizontal article figure img {
						height: 100%;
						-o-object-fit: cover;
						   object-fit: cover;
						width: 100%;
					}

				.wp-block-printmag-external-link-block.is-style-horizontal article h2 {
					font-size: clamp(1.5rem, 3.25vw, 1.875rem);
					font-size: var(--font-size-l);
					grid-area: head;
					margin-left: 0;
				}

				.wp-block-printmag-external-link-block.is-style-horizontal article span {
					grid-area: link;
					margin-top: auto;
					margin-left: 0;
				}
			}

/*--------------------------------------------------------------
	# Slideshow
--------------------------------------------------------------*/

.wp-block-printmag-post-type-archive.is-slideshow {
	position: relative;
}

.wp-block-printmag-post-type-archive.is-slideshow .slideshow {
		padding-right: calc(50vw - 50%);
		width: calc(100% + (50vw - 50%));
		overflow: hidden
	}

.wp-block-printmag-post-type-archive.is-slideshow .slideshow:focus {
			outline: none;
		}

@media (max-width: 49.125em) {

	.wp-block-printmag-post-type-archive.is-slideshow .slideshow {
			overflow: unset
	}
		}

.wp-block-printmag-post-type-archive.is-slideshow article {
		cursor: move;
		max-width: 394px;
		min-width: 264px;
		padding-right: 1.25rem ;
		padding-right: var(--spacing);
		width: calc(100vw / 10 * 3)
	}

@media (max-width: 49.125em) {

	.wp-block-printmag-post-type-archive.is-slideshow article {
			width: 66vw;
			min-width: unset;
			max-width: unset
	}
		}

@media (min-width: 49.126em) {

	.wp-block-printmag-post-type-archive.is-slideshow article {
			width: calc(100vw / 10 * 4);
			max-width: 532px
	}
		}

.wp-block-printmag-post-type-archive.is-slideshow article img {
			width: 100%;
		}

.wp-block-printmag-post-type-archive.is-slideshow .is-pointer-down article,
	.wp-block-printmag-post-type-archive.is-slideshow .is-pointer-down article a {
		cursor: grabbing;
	}

.wp-block-printmag-post-type-archive.is-slideshow .flickity-prev-next-button {
		all: unset;
		color: var(--color-red);
		cursor: pointer;
		position: absolute;
		right: 0;
		top: calc(calc(1.25rem  * 4) * -1);
		top: calc(var(--spacing-4) * -1);
		width: 36px
	}

.wp-block-printmag-post-type-archive.is-slideshow .flickity-prev-next-button.previous {
			right: calc(calc(1.25rem  * 2) + 36px);
			right: calc(var(--spacing-2) + 36px);
		}

.wp-block-printmag-post-type-archive.is-slideshow .flickity-prev-next-button:hover {
			color: var(--color-red-hover);
		}

.wp-block-printmag-post-type-archive.is-slideshow .flickity-prev-next-button svg {
			fill: currentColor;
		}

@media (max-width: 49.125em) {

	.wp-block-printmag-post-type-archive.is-slideshow .flickity-prev-next-button {
			display: none
	}
		}

@media (max-width: 37.5em) {

		.wp-block-printmag-post-type-archive.is-slideshow.is-style-large .entry-title {
				font-size: clamp(1.875rem, 3.75vw, 2.25rem);
				font-size: var(--font-size-xl)
		}
			}

/*--------------------------------------------------------------
	# is-submit-project
--------------------------------------------------------------*/

.is-submit-project {
	padding: calc(1.25rem  * 3) clamp(1.25rem, 3vw, 2.5rem);
	padding: var(--spacing-3) var(--gutter);
}

.is-submit-project > * {
		padding: 0;
	}

.is-submit-project .intro-header {
		font-family: "Newsreader Display", serif;
		font-family: var(--font-serif-head);
		margin: 0;
	}

.is-submit-project h2 {
		margin: 1rem 0 1.5rem;
	}

@media (max-width: 49.125em) {

.is-submit-project {
		grid-column: 1 / -1 !important
}
	}

@media (max-width: 37.5em) {

.is-submit-project {
		padding: calc(1.25rem  * 4) clamp(1.25rem, 3vw, 2.5rem);
		padding: var(--spacing-4) var(--gutter)
}
	}

/*--------------------------------------------------------------
	# Jetpack related posts
--------------------------------------------------------------*/

.related-posts-wrap {
	margin: 0 auto;
	padding-left: clamp(1.25rem, 3vw, 2.5rem);
	padding-left: var(--gutter);
	padding-right: clamp(1.25rem, 3vw, 2.5rem);
	padding-right: var(--gutter);
	max-width: 90rem;
	max-width: var(--max-wide-width);
}

.related-posts-wrap h2 {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: clamp(1.5rem, 3.25vw, 1.875rem);
		font-size: var(--font-size-l);
		font-weight: 900;
		grid-area: title;
		line-height: 1.2;
		margin: 0;
		text-transform: uppercase;
	}

.related-posts-wrap .jp-relatedposts {
		display: grid !important;
		grid-gap: 1.25rem ;
		gap: 1.25rem ;
		grid-gap: var(--spacing);
		gap: var(--spacing);
		grid-template: "title browse" "posts posts"
	}

@media (max-width: 37.5em) {

	.related-posts-wrap .jp-relatedposts {
			grid-gap: calc(1.25rem  * 2);
			gap: calc(1.25rem  * 2);
			grid-gap: var(--spacing-2);
			gap: var(--spacing-2);
			grid-template: "title" "posts" "browse"
	}
		}

.related-posts-wrap .jp-relatedposts > a {
			color: var(--color-black);
			color: var(--color-text);
			font-family: "Inter", sans-serif;
			font-family: var(--font-sans);
			font-weight: 900;
			grid-area: browse;
			margin-top: auto;
			margin-left: auto;
			text-align: right;
			text-transform: uppercase
		}

@media (max-width: 37.5em) {

		.related-posts-wrap .jp-relatedposts > a {
				margin-left: 0
		}
			}

.related-posts-wrap .jp-relatedposts > a:hover {
				color: var(--color-black);
				color: var(--color-text);
			}

.related-posts-wrap .jp-relatedposts-grid {
		display: grid;
		grid-area: posts;
		grid-gap: 1.25rem ;
		gap: 1.25rem ;
		grid-gap: var(--spacing);
		gap: var(--spacing);
		grid-template-columns: repeat(4, 1fr)
	}

@media (max-width: 60em) {

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

@media (max-width: 37.5em) {

	.related-posts-wrap .jp-relatedposts-grid {
			display: flex;
			flex-direction: column;
			grid-gap: calc(1.25rem  * 2.5);
			gap: calc(1.25rem  * 2.5);
			grid-gap: var(--spacing-250);
			gap: var(--spacing-250)
	}
		}

.related-posts-wrap #jp-relatedposts.jp-relatedposts {
		margin-top: calc(1.25rem  * 5);
		margin-top: var(--spacing-5);
	}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		display: flex;
		flex-direction: column;
		float: none;
		padding: 0;
		width: 100%
	}

@media (max-width: 37.5em) {

	.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
			display: grid;
			grid-gap: 0 clamp(1.25rem, 3vw, 2.5rem);
			gap: 0 clamp(1.25rem, 3vw, 2.5rem);
			grid-gap: 0 var(--gutter);
			gap: 0 var(--gutter);
			grid-template: "cat cat cat image image" max-content "header header header image image" / 1fr 1fr 1fr 1fr 1fr;
	}

			.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
				grid-area: cat;
			}

				.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context .cat-links {
					margin-top: 0;
				}

			.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post > .jp-relatedposts-post-a {
				grid-area: image;
			}

			.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title {
				grid-area: header;
				margin-top: calc(1.25rem  / 2);
				margin-top: var(--spacing-050);
			}
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
		.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
			color: var(--color-red);
			font-family: "Inter", sans-serif;
			font-family: var(--font-sans);
			font-size: 0.9375rem;
			font-size: var(--font-size-s);
			font-weight: 900;
			margin: 0;
			opacity: 1;
			text-decoration: none;
			text-transform: uppercase;
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .cat-links {
			display: flex;
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .cat-links .list-wrap {
				flex-wrap: wrap;
			}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual {
		margin-right: 0;
	}

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

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span.list-wrap {
				display: flex;
			}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .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-size: clamp(1.5rem, 3.25vw, 1.875rem);
			font-size: var(--font-size-l);
			line-height: 1.1;
			margin-top: calc(1.25rem  * 1.25);
			margin-top: var(--spacing-125);
			order: 1;
			font-family: "Newsreader Display", serif;
			font-family: var(--font-serif-head);
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a:hover {
				color: var(--color-black);
				color: var(--color-text);
			}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
			margin-bottom: 0;
		}

.related-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.05em;
	}

.related-posts-wrap .jp-relatedposts-post-excerpt {
		display: none;
	}

/*--------------------------------------------------------------
	# Jetpack search
--------------------------------------------------------------*/

body .jetpack-instant-search .jetpack-instant-search__box {
		border-color: var(--color-key-line);
	}

body .jetpack-instant-search .jetpack-instant-search__box-gridicon {
		flex-shrink: 0;
	}

body .jetpack-instant-search .jetpack-instant-search__box-gridicon svg {
			fill: var(--color-black);
		}

@media (max-width: 37.5em) {

	body .jetpack-instant-search .jetpack-instant-search__search-form-controls {
			justify-content: center
	}
		}

@media (min-width: 37.51em) {

	body .jetpack-instant-search .jetpack-instant-search__search-form-controls {
			position: absolute
	}
		}

body .jetpack-instant-search .jetpack-instant-search__overlay-close {
		border-color: var(--color-key-line);
	}

body .jetpack-instant-search .jetpack-instant-search__overlay-close svg.gridicon {
			fill: var(--color-black);
		}

@media (min-width: 64em) {

	body .jetpack-instant-search .jetpack-instant-search__search-results {
			max-width: unset
	}
		}

@media (min-width: 992px) {

		body .jetpack-instant-search .jetpack-instant-search__search-results-wrapper {
			max-width: 64rem !important;
		}
	}

body .jetpack-instant-search {
	/* stylelint-enable selector-class-pattern */
}

body .jetpack-instant-search .jetpack-instant-search__search-result {
		margin: 0;
		padding: calc(1.25rem  * 2) 0;
		padding: var(--spacing-2) 0;
	}

body .jetpack-instant-search .jetpack-instant-search__search-result + .jetpack-instant-search__search-result {
			border-top: 1px solid var(--color-key-line);
		}

body .jetpack-instant-search .jetpack-instant-search__search-results-title {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans)
	}

@media (max-width: 37.5em) {

	body .jetpack-instant-search .jetpack-instant-search__search-results-title {
			text-align: center
	}
		}

body .jetpack-instant-search .jetpack-instant-search__search-sort-with-links {
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 0.9375rem;
		font-size: var(--font-size-s);
	}

body .jetpack-instant-search .jetpack-instant-search__search-sort-option {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 1px
	}

body .jetpack-instant-search .jetpack-instant-search__search-sort-option:hover {
			color: var(--color-black);
		}

body .jetpack-instant-search .jetpack-instant-search__search-sort-option::after {
			text-decoration: underline;
			-webkit-text-decoration-color: var(--color-white);
			        text-decoration-color: var(--color-white);
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
			z-index: 2;
		}

body .jetpack-instant-search .jetpack-instant-search__search-sort-option.is-selected {
			color: var(--color-black) !important;
			text-decoration: none
		}

body .jetpack-instant-search .jetpack-instant-search__search-sort-option.is-selected:hover {
				text-decoration: none;
			}

/* stylelint-disable selector-class-pattern */

@media (max-width: 36rem) {
	body .jetpack-instant-search .jetpack-instant-search__search-result-expanded__image-container {
			margin-bottom: 1.25rem ;
			margin-bottom: var(--spacing)
	}
		}

/* stylelint-enable selector-class-pattern */

body .jetpack-instant-search .jetpack-instant-search__search-result-title {
		font-size: clamp(1.5rem, 3.25vw, 1.875rem);
		font-size: var(--font-size-l);
		line-height: 1.2;
		padding-bottom: 0.4rem;
	}

body .jetpack-instant-search .jetpack-instant-search__search-result-title a:hover {
			color: var(--color-black);
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}

/* stylelint-disable selector-class-pattern */

body .jetpack-instant-search .jetpack-instant-search__search-result-expanded__content {
		font-size: 0.9375rem;
		font-size: var(--font-size-s);
		margin-top: 1rem;
		max-width: 46rem;
		max-width: var(--max-content);
	}

body .jetpack-instant-search .jetpack-instant-search__path-breadcrumb-link {
		color: var(--color-gray-caption) !important;
		font-family: "Inter", sans-serif;
		font-family: var(--font-sans);
		font-size: 0.9375rem;
		font-size: var(--font-size-s)
	}

body .jetpack-instant-search .jetpack-instant-search__path-breadcrumb-link:hover {
			color: var(--color-gray-caption);
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}

@media (max-width: 36rem) {

	body .jetpack-instant-search .jetpack-instant-search__search-result-expanded__image-link {
			margin-left: 0
	}
		}

body .jetpack-instant-search .jetpack-instant-search__search-result-expanded__image {
		border-radius: 0;
	}

/* stylelint-enable selector-class-pattern */

body .jetpack-instant-search ::-moz-selection {
		background-color: var(--color-red);
		color: var(--color-white);
	}

::-moz-selection {
		background-color: var(--color-red);
		color: var(--color-white);
	}

body .jetpack-instant-search ::selection {
		background-color: var(--color-red);
		color: var(--color-white);
	}

/* stylelint-disable selector-class-pattern */

body .jetpack-instant-search .widget a,
	body .jetpack-instant-search .widget.widget_archive ul li a,
	body .jetpack-instant-search a {
		color: var(--color-black) !important;
	}

/*--------------------------------------------------------------
	# Text hero
--------------------------------------------------------------*/

.text-hero {
	border: 1px solid var(--color-black);
	border-width: 1px 0;
	padding: calc(1.25rem  * 4) 0;
	padding: var(--spacing-4) 0;
	margin-bottom: calc(1.25rem  * 6);
	margin-bottom: var(--spacing-vertical-default);
	margin-top: calc(1.25rem  * 6);
	margin-top: var(--spacing-vertical-default);
}

.text-hero p {
		margin: 0 auto;
		max-width: 50rem;
	}

/*--------------------------------------------------------------
	# List block
--------------------------------------------------------------*/

.is-list {
	--header-font-size: var(--font-size-xl);
	border-top: 1px solid var(--color-black);
	counter-reset: list-count;
}

.is-list article {
		border-bottom: 1px solid var(--color-black);
		display: grid;
		grid-gap: 1.25rem ;
		gap: 1.25rem ;
		grid-gap: var(--global-gap);
		gap: var(--global-gap);
		grid-template-columns: repeat(8, 1fr);
		padding: calc(1.25rem  * 1.5) 0;
		padding: var(--spacing-150) 0
	}

@media (max-width: 28em) {

	.is-list article {
			grid-template-columns: repeat(5, 1fr)
	}
		}

.is-list article .post-thumbnail {
			grid-column: 7 / span 2;
			order: 1
		}

@media (max-width: 28em) {

		.is-list article .post-thumbnail {
				display: none
		}
			}

.is-list article .post-thumbnail img {
				width: 100%;
			}

.is-list article header {
			display: flex;
			grid-column: 1 / span 5
		}

@media (max-width: 28em) {

		.is-list article header {
				grid-column: 1 / span 5
		}
			}

.is-list article header::before {
				color: var(--color-red);
				content: counter(list-count);
				counter-increment: list-count;
				display: block;
				font-family: "Inter", sans-serif;
				font-family: var(--font-sans);
				font-size: var(--header-font-size);
				font-weight: 900;
				margin: -0.4375rem calc(1.25rem  * 2) 0 0;
				margin: -0.4375rem var(--spacing-2) 0 0
			}

@media (max-width: 37.5em) {

			.is-list article header::before {
					margin-right: calc(1.25rem  * 1.5);
					margin-right: var(--spacing-150);
					margin-top: -0.375rem
			}
				}

.is-list article .entry-title {
			font-size: var(--header-font-size);
			margin-top: 0;
			max-width: none;
		}

.is-list article .entry-content {
			display: none;
		}

.is-list article .cat-links {
			grid-column: 1 / -1;
		}

.is-list article.podcast .entry-title {
				font-size: var(--header-font-size);
				margin-top: 0;
				max-width: none;
			}

.is-list.is-style-large {
		--header-font-size: var(--font-size-xxl);
	}

.is-list.is-style-large header::before {
				margin-top: -0.625rem;
			}

@media (max-width: 37.5em) {

.is-list.is-style-large {
			--header-font-size: var(--font-size-xl)
	}
		}

@media (max-width: 28em) {

			.is-list.is-style-large article {
				display: block
			}

				.is-list.is-style-large article::after {
					content: "";
					display: table;
					clear: both;
				}

			.is-list.is-style-large .post-thumbnail {
				display: block;
				float: right;
				margin: 0 0 calc(1.25rem  / 2) calc(1.25rem  / 2);
				margin: 0 0 var(--spacing-050) var(--spacing-050);
				width: 33vw;
			}

			.is-list.is-style-large header {
				display: block;
			}

				.is-list.is-style-large header .entry-title a {
					display: block;
				}
		}

.is-list.is-not-displaying-thumbnails article header {
			grid-column: 1 / -1
		}

@media (max-width: 37.5em) {

			.is-list.is-not-displaying-thumbnails article header::before {
					margin-right: calc(1.25rem  * 1.5);
					margin-right: var(--spacing-150)
			}
				}

/*--------------------------------------------------------------
	# post-type-archive
--------------------------------------------------------------*/

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

.wp-block-printmag-post-type-archive .is-more-link {
		margin-bottom: 1.25rem ;
		margin-bottom: var(--spacing);
		margin-top: 1.25rem ;
		margin-top: var(--spacing);
	}

.wp-block-printmag-post-type-archive .is-more-link a {
			color: var(--color-black);
			font-family: "Inter", sans-serif;
			font-family: var(--font-sans);
			font-weight: 900;
			text-transform: uppercase;
		}

@media (max-width: 37.5em) {

	.wp-block-printmag-post-type-archive .is-more-link {
			border-top: 1px solid var(--color-black);
			padding-top: 1.25rem ;
			padding-top: var(--spacing)
	}
		}

.wp-block-printmag-post-type-archive.is-list .is-more-link {
		font-size: 0.9375rem;
		font-size: var(--font-size-s)
	}

@media (max-width: 37.5em) {

.wp-block-printmag-post-type-archive.is-list .is-more-link {
			border: none;
			padding-top: 0
	}
		}

.wp-block-printmag-post-type-archive.is-grid .is-more-link {
		font-size: 1.25rem;
		font-size: var(--font-size-default);
		text-align: right;
		position: absolute;
		top: calc(calc(1.25rem  * 3) * -1);
		top: calc(var(--spacing-3) * -1);
		right: 0
	}

@media (max-width: 37.5em) {

.wp-block-printmag-post-type-archive.is-grid .is-more-link {
			position: static;
			text-align: left
	}
		}

@media (min-width: 37.51em) {

.wp-block-printmag-post-type-archive.is-grid .is-more-link {
			margin: -2px 0 0
	}
		}

.wp-block-printmag-post-type-archive.is-slideshow .is-more-link {
		font-size: 1.25rem;
		font-size: var(--font-size-default);
		text-align: center;
	}

.post-type-archive-filter-wrap {
	display: grid;
	grid-gap: 1.25rem ;
	gap: 1.25rem ;
	grid-gap: var(--global-gap);
	gap: var(--global-gap);
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: calc(1.25rem  * 3);
	margin-bottom: var(--spacing-3)
}

@media (max-width: 60em) {

.post-type-archive-filter-wrap {
		grid-template-columns: 1fr 1fr
}
	}

@media (max-width: 37.5em) {

.post-type-archive-filter-wrap {
		grid-template-columns: 1fr
}
	}

.post-type-archive-block-search,
.post-type-archive-block-filter {
	--form-element-padding: 0.8rem 4rem 0.8rem var(--spacing);
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	display: flex;
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1.125rem;
	min-height: 2.75rem
}

@media (max-width: 37.5em) {

.post-type-archive-block-search,
.post-type-archive-block-filter {
		width: 100%;
		max-width: 100%
}
	}

.post-type-archive-block-search label, .post-type-archive-block-filter label {
		display: flex;
		width: 100%;
	}

.post-type-archive-block-search option, .post-type-archive-block-filter option {
		background-color: transparent;
		border: none;
		display: grid;
		padding: 0;
		align-content: center;
		justify-content: left;
		place-content: center left;
	}

.post-type-archive-block-search input, .post-type-archive-block-filter input {
		margin-top: 3px;
		max-width: 100%;
	}

.post-type-archive-block-search {
	position: relative;
}

.post-type-archive-block-search input {
		border: 1px solid var(--color-black);
		border-radius: 100px;
		line-height: 1;
		margin-top: 0;
		padding: var(--form-element-padding);
		padding-right: calc(1.25rem  / 2);
		padding-right: var(--spacing-050);
		transition: border-color 0.2s ease-in-out
	}

.post-type-archive-block-search input::-webkit-search-cancel-button {
			margin-top: -0.3rem;
		}

.post-type-archive-block-search input:-moz-placeholder-shown {
			background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.39 5a6.14 6.14 0 00-5.14 9.45l-3.77 3.29L5.58 19l3.76-3.29a6.14 6.14 0 0010.17-4.58A6.14 6.14 0 0013.4 5zm0 1.67a4.44 4.44 0 014.45 4.46 4.44 4.44 0 11-8.9 0 4.44 4.44 0 014.45-4.46z" fill="%231b1b1b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			background-position: center right 13px;
			background-repeat: no-repeat;
			background-size: 28px;
		}

.post-type-archive-block-search input:-ms-input-placeholder {
			background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.39 5a6.14 6.14 0 00-5.14 9.45l-3.77 3.29L5.58 19l3.76-3.29a6.14 6.14 0 0010.17-4.58A6.14 6.14 0 0013.4 5zm0 1.67a4.44 4.44 0 014.45 4.46 4.44 4.44 0 11-8.9 0 4.44 4.44 0 014.45-4.46z" fill="%231b1b1b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			background-position: center right 13px;
			background-repeat: no-repeat;
			background-size: 28px;
		}

input:-moz-placeholder-shown {
			background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.39 5a6.14 6.14 0 00-5.14 9.45l-3.77 3.29L5.58 19l3.76-3.29a6.14 6.14 0 0010.17-4.58A6.14 6.14 0 0013.4 5zm0 1.67a4.44 4.44 0 014.45 4.46 4.44 4.44 0 11-8.9 0 4.44 4.44 0 014.45-4.46z" fill="%231b1b1b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			background-position: center right 13px;
			background-repeat: no-repeat;
			background-size: 28px;
		}

input:-ms-input-placeholder {
			background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.39 5a6.14 6.14 0 00-5.14 9.45l-3.77 3.29L5.58 19l3.76-3.29a6.14 6.14 0 0010.17-4.58A6.14 6.14 0 0013.4 5zm0 1.67a4.44 4.44 0 014.45 4.46 4.44 4.44 0 11-8.9 0 4.44 4.44 0 014.45-4.46z" fill="%231b1b1b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			background-position: center right 13px;
			background-repeat: no-repeat;
			background-size: 28px;
		}

.post-type-archive-block-search input:placeholder-shown {
			background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.39 5a6.14 6.14 0 00-5.14 9.45l-3.77 3.29L5.58 19l3.76-3.29a6.14 6.14 0 0010.17-4.58A6.14 6.14 0 0013.4 5zm0 1.67a4.44 4.44 0 014.45 4.46 4.44 4.44 0 11-8.9 0 4.44 4.44 0 014.45-4.46z" fill="%231b1b1b"/></svg>'); /* stylelint-disable-line function-url-quotes */
			background-position: center right 13px;
			background-repeat: no-repeat;
			background-size: 28px;
		}

.post-type-archive-block-search input:focus {
			background-position: center right 12px;
			border-color: var(--color-red);
			border-width: 2px;
			margin: -1px 0;
			padding-left: calc(1.25rem  - 1px);
			padding-left: calc(var(--spacing) - 1px);
		}

.post-type-archive-block-filter {
	/* stylelint-disable function-url-quotes */
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231B1B1B' d='M.516 1.414L1.93 0l8.485 8.485-1.414 1.414z'/%3E%3Cpath fill='%231B1B1B' d='M16.072 0l1.414 1.414-8.485 8.485-1.414-1.414z'/%3E%3C/svg%3E");
	/* stylelint-enable function-url-quotes */
	background-position: right 1.25rem  center;
	background-position: right var(--spacing) center;
	background-repeat: no-repeat;
	border: 1px solid var(--color-black);
	border-radius: 100px;
	font-weight: 400;
	line-height: 1;
	justify-self: flex-start;
	padding: var(--form-element-padding);
	min-width: 16.25rem;
	transition: border-color 0.2s ease-in-out
}

.post-type-archive-block-filter:focus {
		background-position: right calc(1.25rem  - 1px) center;
		background-position: right calc(var(--spacing) - 1px) center;
		border-color: var(--color-red);
		border-width: 2px;
		margin: -1px 0;
		outline: none;
		padding-left: calc(1.25rem  - 1px);
		padding-left: calc(var(--spacing) - 1px);
	}

.wp-block-printmag-post-type-archive .no-results {
	grid-column: 1 / -1;
}

/*--------------------------------------------------------------
	# Audio player
--------------------------------------------------------------*/

#printmag-audio-player {
	--text-margin-top: 0;
	align-items: center;
	background-color: var(--color-red);
	border-radius: 100px;
	color: var(--color-white);
	display: flex;
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 1.06rem;
	font-weight: 700;
	margin-top: calc(1.25rem  * 1.25);
	margin-top: var(--spacing-125);
	overflow: hidden;
	text-transform: uppercase;
	width: 100%;
	max-width: -moz-max-content;
	max-width: max-content
}

@media (max-width: 37.5em) {

#printmag-audio-player {
		max-width: none
}
	}

#printmag-audio-player button {
		align-items: center;
		background-color: transparent;
		border: none;
		border-radius: 100px;
		color: var(--color-white);
		cursor: pointer;
		display: flex;
		margin: 0.4rem;
		padding: 0.6rem;
		text-transform: uppercase;
		transition: background-color 0.15s ease-in-out;
		transition: background-color var(--speed) ease-in-out
	}

#printmag-audio-player button:hover {
			background-color: var(--color-red-hover);
			background-color: var(--color-hover);
		}

#printmag-audio-player button:focus {
			border: 1px dotted var(--color-white);
			outline: none;
			padding: calc(0.6rem - 1px);
		}

#printmag-audio-player .play-pause-container {
		font-weight: 900;
	}

#printmag-audio-player .play-pause-container span {
			line-height: 1;
			margin-top: var(--text-margin-top);
			padding: 0 0 0 1.25rem ;
			padding: 0 0 0 var(--spacing);
		}

#printmag-audio-player .pause {
		display: none;
	}

#printmag-audio-player.playing .pause {
			display: flex;
		}

#printmag-audio-player.playing .play {
			display: none;
		}

#printmag-audio-player .scrubber-container {
		display: flex;
		flex: 1;
	}

#printmag-audio-player .scrubber-container .scrubber-values {
			display: flex;
			margin-left: 4px;
			padding: 0;
			min-width: 110px;
		}

#printmag-audio-player .scrubber-container .scrubber-values div {
				line-height: 1;
				margin-top: var(--text-margin-top);
				padding: 1rem 0;
			}

#printmag-audio-player .scrubber-container .scrubber-values .current-time::after {
				content: "/";
				padding: 0 0.25em;
			}

#printmag-audio-player .scrubber {
		--thumb-size: 10px;
		--track-height: 2px;
		--thumb-offset: calc((var(--thumb-size) - var(--track-height)) / -2);
		--scrubber-progress: calc((var(--scrubber-value) / var(--scrubber-max)) * 100%);
		--scrubber-remaining-color: rgba(255, 255, 255, 0.5);
		-webkit-appearance: none;
		align-self: center;
		background: transparent;
		border: none;
		margin: 0 0 0 calc(1.25rem  / 2);
		margin: 0 0 0 var(--spacing-050);
		opacity: 1;
		padding: 0;
		width: 100%;
		max-width: 100%;
		transition: all 0.2s ease;
		transition-delay: 0.2s
	}

#printmag-audio-player .scrubber::-webkit-slider-thumb {
			-webkit-appearance: none;
			background-color: var(--color-white);
			border: none;
			border-radius: 100px;
			cursor: pointer;
			height: var(--thumb-size);
			margin-top: var(--thumb-offset);
			opacity: 0;
			position: relative;
			-webkit-transition: opacity 0.15s ease-in-out;
			transition: opacity 0.15s ease-in-out;
			-webkit-transition: opacity var(--speed) ease-in-out;
			transition: opacity var(--speed) ease-in-out;
			width: var(--thumb-size)
		}

#printmag-audio-player .scrubber::-webkit-slider-thumb:hover {
				opacity: 1;
			}

#printmag-audio-player .scrubber::-moz-range-thumb {
			background-color: var(--color-white);
			border-radius: 100px;
			border: none;
			cursor: pointer;
			height: var(--thumb-size);
			opacity: 0;
			-moz-transition: opacity 0.15s ease-in-out;
			transition: opacity 0.15s ease-in-out;
			-moz-transition: opacity var(--speed) ease-in-out;
			transition: opacity var(--speed) ease-in-out;
			width: var(--thumb-size);
		}

#printmag-audio-player .scrubber::-ms-thumb {
			background-color: var(--color-white);
			border-radius: 100px;
			border: none;
			cursor: pointer;
			height: var(--thumb-size);
			opacity: 0;
			-ms-transition: opacity 0.15s ease-in-out;
			transition: opacity 0.15s ease-in-out;
			-ms-transition: opacity var(--speed) ease-in-out;
			transition: opacity var(--speed) ease-in-out;
			width: var(--thumb-size);
		}

#printmag-audio-player .scrubber::-webkit-slider-runnable-track {
			background: linear-gradient(90deg, var(--color-white) 0%, var(--color-white) var(--scrubber-progress), var(--scrubber-remaining-color) var(--scrubber-progress), var(--scrubber-remaining-color) 100%);
			height: var(--track-height);
			width: 100%;
		}

#printmag-audio-player .scrubber::-moz-range-track {
			background: var(--scrubber-remaining-color);
			height: var(--track-height);
			width: 100%;
		}

#printmag-audio-player .scrubber::-ms-track {
			background: transparent;
			background-color: var(--scrubber-remaining-color);
			color: transparent;
			cursor: pointer;
			height: var(--track-height);
			width: 100%;
		}

#printmag-audio-player .scrubber::-moz-range-progress {
			background-color: var(--color-white);
			height: var(--track-height);
		}

#printmag-audio-player .scrubber::-ms-fill-lower {
			background-color: var(--color-white);
			height: var(--track-height);
		}

#printmag-audio-player .scrubber::-ms-fill-upper {
			background-color: var(--scrubber-remaining-color);
			height: var(--track-height);
		}

#printmag-audio-player .scrubber:focus {
			outline: none;
		}

#printmag-audio-player:hover .scrubber::-webkit-slider-thumb {
				opacity: 1;
			}

#printmag-audio-player:hover .scrubber::-moz-range-thumb {
				opacity: 1;
			}

#printmag-audio-player:hover .scrubber::-ms-thumb {
				opacity: 1;
			}

#printmag-audio-player .pause,
	#printmag-audio-player .current-time,
	#printmag-audio-player .volume-container {
		opacity: 1;
		transition: opacity 0.15s ease;
		transition: opacity var(--speed) ease;
		max-width: 100%;
	}

#printmag-audio-player.initial {
		width: -moz-max-content;
		width: max-content;
	}

#printmag-audio-player.initial .pause,
		#printmag-audio-player.initial .current-time,
		#printmag-audio-player.initial .volume-container {
			opacity: 0;
			max-width: 0;
		}

#printmag-audio-player.initial .scrubber {
			margin: 0;
			opacity: 0;
			transition: all 0.15s ease;
			transition: all var(--speed) ease;
			transition-delay: 0.15s;
			transition-delay: var(--speed);
			max-width: 0;
		}

#printmag-audio-player.initial .play-pause-container {
			border-right: 1px solid var(--color-white);
		}

#printmag-audio-player.initial .play-pause-container button {
				border-radius: 0;
				margin: 0;
				padding: 1rem 1.25rem  1rem 1rem;
				padding: 1rem var(--spacing) 1rem 1rem;
			}

#printmag-audio-player.initial .scrubber-values {
			margin-left: 0;
			padding: 0 1.25rem ;
			padding: 0 var(--spacing);
			min-width: 0;
		}

#printmag-audio-player .mute .svg-icon:last-of-type {
			display: none;
		}

#printmag-audio-player.muted .mute .svg-icon:first-of-type {
			display: none;
		}

#printmag-audio-player.muted .mute .svg-icon:last-of-type {
			display: block;
		}

/*--------------------------------------------------------------
	# .not-found -- primarily for 404 page
--------------------------------------------------------------*/

.not-found {
	margin-bottom: calc(1.25rem  * 8);
	margin-bottom: var(--spacing-8);
	padding: 0 clamp(1.25rem, 3vw, 2.5rem);
	padding: 0 var(--gutter);
	text-align: center;
}

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

@media (max-width: 37.5em) {

	.not-found .search-form {
			display: block
	}
		}

.not-found .search-form label {
			width: 100%;
			max-width: 346px;
		}

.not-found .search-field {
		border-radius: 100px 0 0 100px;
		height: 53px;
		margin: 0;
		padding-right: 10px
	}

.not-found .search-field:focus {
			padding-right: 9px;
		}

.not-found .search-field::-webkit-search-cancel-button {
			margin-top: -1px;
		}

@media (max-width: 37.5em) {

	.not-found .search-field {
			border-radius: 100px;
			max-width: 100%
	}
		}

.not-found .search-submit {
		background-color: var(--color-black);
		border-radius: 0 100px 100px 0;
		font-size: 1.06rem;
		font-weight: 900;
		height: 53px;
		margin: 0;
		text-transform: uppercase;
		max-width: -moz-max-content;
		max-width: max-content
	}

@media (max-width: 37.5em) {

	.not-found .search-submit {
			border-radius: 100px;
			margin-top: calc(1.25rem  / 2);
			margin-top: var(--spacing-050)
	}
		}

.not-found .search-submit:hover {
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 1px;
		}

/*--------------------------------------------------------------
	# Align header wide page template
--------------------------------------------------------------*/

.page.job-board .site-main > article > .entry-header {
		margin-left: auto;
		margin-right: auto;
		max-width: 90rem;
		max-width: var(--max-wide-width);
	}

.page.job-board .site-main > article > .entry-header .entry-title,
		.page.job-board .site-main > article > .entry-header::after {
			grid-column: 2 / span 3;
		}

.page.job-board .site-main > article > .entry-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 90rem;
		max-width: var(--max-wide-width);
	}

/*--------------------------------------------------------------
	# Job board iframe
--------------------------------------------------------------*/

.entry-content .job-board-embed {
	height: 4500px;
	margin-left: -28px;
	margin-right: -28px;
	max-width: calc(90rem + 56px);
	max-width: calc(var(--max-wide-width) + 56px)
}

@media (max-width: 60em) {

.entry-content .job-board-embed {
		height: 6800px
}
	}

/*--------------------------------------------------------------
	# 404
--------------------------------------------------------------*/

.error404 .not-found img {
	margin: 3em auto 0;
	width: 100%;
	max-width: 478px;
}

/*--------------------------------------------------------------
  # 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: 0;
	top: 0;
}

.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;
}

/* --- SVG symbols --- */

svg[hidden] {
	display: none;
}

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

.responsive-max-width {
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(1.25rem, 3vw, 2.5rem);
	padding-left: var(--gutter);
	padding-right: clamp(1.25rem, 3vw, 2.5rem);
	padding-right: var(--gutter);
	max-width: var(--max-width-global);
}

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

.alignwide {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 90rem;
	max-width: var(--max-wide-width)
}

@media (max-width: 55em) {

.alignwide.has-background {
			width: 100%
	}
		}

.alignfull {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	max-width: 100%
}

@media (max-width: 55em) {

.alignfull.has-background {
			padding: clamp(1.25rem, 3vw, 2.5rem);
			padding: var(--gutter)
	}
		}

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

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

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

.has-small-font-size {
	font-size: 0.9375rem;
	font-size: var(--font-size-s);
	line-height: 1.5;
}

.has-medium-font-normal {
	font-size: 1.25rem;
	font-size: var(--font-size-default);
	line-height: 1.6;
}

.has-medium-font-size {
	font-size: 1.5rem;
	font-size: var(--font-size-m);
	line-height: 1.6;
}

.has-large-font-size {
	font-size: clamp(1.5rem, 3.25vw, 1.875rem);
	font-size: var(--font-size-l);
	line-height: 1.3;
}

.has-xl-font-size {
	font-size: clamp(1.875rem, 3.75vw, 2.25rem);
	font-size: var(--font-size-xl);
	line-height: 1.2;
}

.has-xxl-font-size {
	font-size: clamp(2.2rem, 4.25vw, 3rem);
	font-size: var(--font-size-xxl);
	line-height: 1.2;
}

.has-huge-font-size {
	font-size: clamp(2.9rem, 6vw, 4.25rem);
	font-size: var(--font-size-huge);
}

.has-xxxl-font-size,
.has-huge-font-size {
	line-height: 1.1;
}

/*--------------------------------------------------------------
  # 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 --- */

.has-background {
	margin-top: calc(1.25rem  * 2);
	margin-top: var(--spacing-2);
	margin-bottom: calc(1.25rem  * 2);
	margin-bottom: var(--spacing-2);
	padding: calc(1.25rem  * 4) clamp(1.25rem, 3vw, 2.5rem);
	padding: var(--spacing-4) var(--gutter)
}

@media (max-width: 37.5em) {

.has-background {
		padding: calc(1.25rem  * 2) clamp(1.25rem, 3vw, 2.5rem);
		padding: var(--spacing-2) var(--gutter)
}
	}

:root .has-red-background-color {
		background-color: var(--color-red);
	}

:root .has-red-on-dark-background-color {
		background-color: var(--color-red-on-dark);
	}

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

:root .has-gray-on-dark-background-color {
		background-color: var(--color-gray-on-dark);
	}

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

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

:root .has-gray-light-background-color {
		background-color: var(--color-gray-light);
	}

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

:root .has-red-color {
		color: var(--color-red);
	}

:root .has-red-on-dark-color {
		color: var(--color-red-on-dark);
	}

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

:root .has-gray-on-dark-color {
		color: var(--color-gray-on-dark);
	}

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

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

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

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

.entry-content .has-zero-margin-top {
		margin-top: 0;
		margin-bottom: 0;
	}

.entry-content .has-smaller-margin-top {
		margin-top: var(--spacing-smaller);
		margin-bottom: 0;
	}

.entry-content .has-small-margin-top {
		margin-top: calc(1.25rem  / 2);
		margin-top: var(--spacing-small);
		margin-bottom: 0;
	}

.entry-content .has-medium-margin-top {
		margin-top: calc(1.25rem  * 1.5);
		margin-top: var(--spacing-medium);
		margin-bottom: 0;
	}

.entry-content .has-large-margin-top {
		margin-top: calc(1.25rem  * 6);
		margin-top: var(--spacing-large);
		margin-bottom: 0;
	}

.entry-content .has-larger-margin-top {
		margin-top: calc(1.25rem  * 8);
		margin-top: var(--spacing-larger);
		margin-bottom: 0;
	}

/*--------------------------------------------------------------
  # Text styles
--------------------------------------------------------------*/

.is-style-topper {
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-weight: 900;
	line-height: 1.1;
	margin-bottom: calc(1.25rem  * 1.5);
	margin-bottom: var(--spacing-150);
	margin-top: 0;
	text-transform: uppercase;
}

.is-style-topper + p {
		margin-bottom: calc(1.25rem  * 2);
		margin-bottom: var(--spacing-2);
		margin-top: calc(1.25rem  * -1);
		margin-top: calc(var(--spacing) * -1);
		max-width: 670px;
	}

/*--------------------------------------------------------------
	# Ads
--------------------------------------------------------------*/

.print-ad-triple-block-wrapper {
	background-color: var(--color-gray-light);
	padding: calc(1.25rem  * 1.5) 0 0 0;
	padding: var(--spacing-150) 0 0 0;
}

.gpt-ad-sidebar-wrap,
.print-ad-wrapper {
	position: relative
}

.gpt-ad-sidebar-wrap.no-ad-loaded, .print-ad-wrapper.no-ad-loaded {
		display: none;
	}

.print-ad-indicator {
	display: block;
	margin: 0 auto 0.375rem;
	text-align: center;
	color: var(--color-gray-caption);
	font-family: "Inter", sans-serif;
	font-family: var(--font-sans);
	font-size: 0.875rem;
	line-height: 1.5;
}

.gpt-ad-sidebar-wrap .print-ad-indicator,
	.print-ad-wrapper .print-ad-indicator {
		position: absolute;
		top: -26px;
		width: 100%;
	}

.print-ad-triple-block-wrapper .print-ad-indicator {
		position: static;
	}

#print-ad-header {
	margin: 0 auto 4.375rem
}

@media (max-width: 49.125em) {

#print-ad-header {
		margin-bottom: 3rem
}
	}

@media (min-width: 49.126em) {

#print-ad-header {
		margin-top: 1rem
}
	}

.home #print-ad-header,
	.archive #print-ad-header,
	.page #print-ad-header {
		margin-bottom: 0
	}

@media (min-width: 49.126em) {

	.home #print-ad-header,
	.archive #print-ad-header,
	.page #print-ad-header {
			margin-bottom: 0
	}
		}

.home #print-ad-header {
		margin-bottom: 3rem;
	}

.footer-ad-wrap {
	padding-top: calc(1.25rem  * 2.5);
	padding-top: var(--spacing-250);
	position: relative;
	margin: calc(1.25rem  * 1.5) clamp(1.25rem, 3vw, 2.5rem) calc(1.25rem  * 2.5);
	margin: var(--spacing-150) var(--gutter) var(--spacing-250);
}

.footer-ad-wrap::before,
	.single .footer-ad-wrap::after {
		content: "";
		background: var(--color-key-line);
		height: 1px;
		left: 0;
		margin: 0 auto;
		max-width: 90rem;
		max-width: var(--max-wide-width);
		position: absolute;
		right: 0;
		width: 100%;
	}

.footer-ad-wrap::before {
		top: 0;
	}

.single .footer-ad-wrap::after {
		bottom: 0;
	}

.category-print-awards .footer-ad-wrap::before {
		background: #5e5e5e;
	}

.single .footer-ad-wrap {
		margin-top: calc(1.25rem  * 5);
		margin-top: var(--spacing-5);
		padding: calc(1.25rem  * 1.5) 0;
		padding: var(--spacing-150) 0;
	}

.single .footer-ad-wrap .print-ad-indicator {
			top: 0;
		}

.footer-ad-wrap .print-ad-indicator {
		margin-top: calc(1.25rem  / 2);
		margin-top: var(--spacing-050);
		top: 16px;
	}

#print-ad-footer {
	margin: 0 auto;
}

.gpt-ad-size-leaderboard {
	height: 90px;
	max-width: 970px;
	min-width: 728px;

	/* Google seems to pad the defined ad slot size of 970 by 15px. */
}

.gpt-ad-size-leaderboard iframe {
		margin: 0 auto;
	}

@media (max-width: 985px) {

.gpt-ad-size-leaderboard {
		padding: 0;
		height: 90px;
		width: 728px
}
	}

.gpt-ad-size-leaderboard {

	/* Google seems to pad the defined ad slot size of 728 by 15px. */
}

@media (max-width: 743px) {

.gpt-ad-size-leaderboard {
		padding: 0;
		height: 50px;
		width: 320px;
		min-width: 320px
}
	}

.gpt-ad-size-halfpage {
	height: 600px;
	width: 300px;
}

.gpt-ad-size-medium {
	height: 250px;
	width: 300px
}

@media (max-width: 37.5em) {

.gpt-ad-size-medium {
		margin-left: auto;
		margin-right: auto
}
	}

.print-ad-triple-block-container {
	background-color: var(--color-gray-light);
	display: flex;
	grid-gap: calc(1.25rem  * 2.5);
	gap: calc(1.25rem  * 2.5);
	grid-gap: var(--spacing-250);
	gap: var(--spacing-250);
	justify-content: center;
	padding: 0 0 calc(1.25rem  * 1.5) 0;
	padding: 0 0 var(--spacing-150) 0
}

@media (max-width: 1100px) {

.print-ad-triple-block-container {
		grid-gap: calc(1.25rem  * 1.5);
		gap: calc(1.25rem  * 1.5);
		grid-gap: var(--spacing-150);
		gap: var(--spacing-150)
}
	}

@media (max-width: 740px) {

		.print-ad-triple-block-container .gpt-ad-size-medium:nth-of-type(2) {
				display: none
		}
			}

@media (max-width: 1060px) {

		.print-ad-triple-block-container .gpt-ad-size-medium:last-of-type {
				display: none
		}
			}

/* --- Columns block ad --- */

.has-ad-sidebar {
	display: grid;
	grid-gap: clamp(1.25rem, 3vw, 2.5rem);
	gap: clamp(1.25rem, 3vw, 2.5rem);
	grid-gap: var(--gutter);
	gap: var(--gutter);
	grid-template-columns: 1fr max-content
}

@media (max-width: 55em) {

.has-ad-sidebar {
		grid-template-columns: 100%;
		padding-bottom: calc(1.25rem  * 2);
		padding-bottom: var(--spacing-2)
}
	}

.has-ad-sidebar.text-hero {
		grid-gap: 0;
		gap: 0;
	}

.wp-block-column.ad-block-hold {
	display: grid;
	margin: 0;
	align-content: center;
	justify-content: center;
	place-content: center;
	min-width: -moz-max-content;
	min-width: max-content;
}

.content-span-8 .wp-block-column.ad-block-hold {
		align-self: stretch;
		background-color: var(--color-gray-light);
		margin-bottom: calc(1.25rem  * 1.5);
		margin-bottom: var(--spacing-150);
		padding: 0 calc(1.25rem  * 1.5);
		padding: 0 var(--spacing-150)
	}

@media (max-width: 37.5em) {

	.content-span-8 .wp-block-column.ad-block-hold {
			margin-bottom: 0;
			padding: calc(1.25rem  * 1.5);
			padding: var(--spacing-150)
	}
		}

.wp-block-column.ad-block-hold figure {
		margin: 0;
	}

@media (max-width: 55em) {

.wp-block-column.ad-block-hold {
		background-color: #f6f7f7;
		margin-left: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
		margin-left: calc(var(--gutter) * -1);
		margin-right: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
		margin-right: calc(var(--gutter) * -1);
		margin-top: calc(1.25rem  * 1.5);
		margin-top: var(--spacing-medium);
		padding: calc(1.25rem  * 1.5);
		padding: var(--spacing-150);
		width: calc(100% + (clamp(1.25rem, 3vw, 2.5rem) * 2));
		width: calc(100% + (var(--gutter) * 2));
}

		.wp-block-column.ad-block-hold .print-ad-container {
			margin-left: auto;
			margin-right: auto;
			max-width: -moz-max-content;
			max-width: max-content;
		}
	}

.text-hero .wp-block-column.ad-block-hold .print-ad-wrapper {
			margin-left: clamp(1.25rem, 3vw, 2.5rem);
			margin-left: var(--gutter)
		}

@media (max-width: 55em) {

		.text-hero .wp-block-column.ad-block-hold .print-ad-wrapper {
				margin-left: 0
		}
			}

/* --- Design Matters ad next to quote --- */

@media (max-width: 37.5em) {

.dm-ad-quote {
		background-color: var(--color-gray-light);
		margin-left: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
		margin-left: calc(var(--gutter) * -1);
		margin-right: calc(clamp(1.25rem, 3vw, 2.5rem) * -1);
		margin-right: calc(var(--gutter) * -1);
		padding: calc(1.25rem  * 1.5) 0;
		padding: var(--spacing-150) 0
}
	}

/* stylelint-disable selector-class-pattern */

/* stylelint-disable selector-id-pattern */

/* Job Board - TR - GH647
	Coppied from the Customizer
*/

/* Main Wrapper */

body div#pjb_mini {
	position: relative;
	background: none;
	border: none;
	grid-gap: 1rem;
	gap: 1rem;
	max-width: 90rem;
	max-width: var(--max-wide-width);
	padding: calc(1.25rem  * 6) 0;
	padding: var(--spacing-large) 0;
}

body div#pjb_mini::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: #f6f7f7;
	z-index: -1;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

@media ( max-width: 768px ) {

	body div#pjb_mini {
		flex-direction: column;
	}
}

/* Left Column */

body div#pjb_mini #primary_column {
	flex-basis: 20%;
}

/* Right Column */

body div#pjb_mini ul#jb_list_mini {
	flex-basis: 80%;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 2.5rem;
	gap: 2.5rem;
}

body div#pjb_mini ul#jb_list_mini li {
	padding: 0 0 1rem;
	margin: 0;
	border-bottom: 1px solid #1b1b1b;
	border-bottom: 1px solid var(--Black, #1b1b1b);
	flex-basis: calc(50% - 1.25rem);
}

@media only screen and (max-width: 1020px) {

	body div#pjb_mini ul#jb_list_mini li:nth-child(3n+3) {
		margin-bottom: 0;
	}
}

@media ( max-width: 600px ) {

	body div#pjb_mini ul#jb_list_mini li {
		flex-basis: 100%;
	}
}

body div#pjb_mini #primary_column ul#post_more li a {
	border-bottom: 2px solid #e6270d;
	font-size: 1rem;
	font-weight: 900;
}

body div#pjb_mini #primary_column ul#post_more li:first-child a {
	color: #1b1b1b;
	border-color: #1b1b1b;
}

@media ( max-width: 768px ) {

	body div#pjb_mini #primary_column ul#post_more {
		padding-top: calc(1.25rem  * 1.5);
		padding-top: var(--spacing-medium);
	}
}

body div#pjb_mini ul#jb_list_mini li a span.jb_title {
	font-size: 1.25rem;
	text-transform: capitalize;
	padding-bottom: 0.75rem;
}

body div#pjb_mini ul#jb_list_mini li a span.jb_company::after {
	content: "•";
	color: #e6270d;
	font-size: 80%;
	margin: 0 0.25rem;
}

body div#pjb_mini ul#jb_list_mini li a span.jb_company,
body div#pjb_mini ul#jb_list_mini li a span.jb_location {
	font-family: Inter, sans-serif;
	font-size: 0.95rem;
}