/*
 Theme Name:   SAFMC
 Theme URI:    https://github.com/happyprime/safmc
 Description:  A WordPress theme for SAFMC.
 Author:       Happy Prime
 Author URI:   https://happyprime.co
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * From https://github.com/hankchizljaw/modern-css-reset and https://github.com/csstools/normalize.css/blob/main/evergreen.css
 */

/* Correct the line height in all browsers */

:where(html) {
	line-height: 1.15; /* 1 */
}

/* Set core body defaults */

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

/* Box sizing rules */

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

/* 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, if preference, all animations and transitions */

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

/* 960px */

/* 448px */

/* 600px */

/* 786px */

/* 960px */

/* 1184 */

/* 1504 */

:root {

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

	/* --- Font family --- */
	--font-sans: "Work Sans", sans-serif;

	/* --- Font sizes (placeholders) --- */
	--font-size-xs: 0.9rem;
	--font-size-s: 1rem;
	--font-size-default: 1.125rem;
	--font-size-m: 1.375rem;
	--font-size-l: clamp(1.5rem, 3.25vw, 1.625rem);
	--font-size-xl: clamp(1.875rem, 3.75vw, 2.125rem);
	--font-size-xxl: clamp(2.2rem, 4.25vw, 3rem);
	--font-size-huge: clamp(2.9rem, 6vw, 4.25rem);

	--wp--preset--font-size--small: var(--font-size-s);
	--wp--preset--font-size--medium: var(--font-size-m);
	--wp--preset--font-size--large: var(--font-size-l);
	--wp--preset--font-size--x-large: var(--font-size-xl);
	--wp--preset--font-size--regular: var(--font-size-default);
	--wp--preset--font-size--larger: var(--font-size-xxl);

	--letter-spacing: 0.25em;
	--letter-spacing-small: 0.05em;

	/*--------------------------------------------------------------
	  # Colors
	  # Color variables are set in ./includes/theme-setup.php
	--------------------------------------------------------------*/

	/*
	--color-primary: hsl(217, 66%, 49%);
	--color-primary-dark: hsl(218, 71%, 32%);
	--color-navy: hsl(221, 50%, 16%);
	--color-orange: hsl(29, 94%, 65%);
	--color-lime: hsl(123, 83%, 74%);
	--color-teal: hsl(179, 70%, 30%);
	--color-gray: hsl(191, 33%, 94%);
	--color-steel: hsl(216, 25%, 42%);
	*/

	--color-primary-screen: hsla(217, 66%, 49%, 30%);
	--color-gray-screen: hsla(191, 33%, 94%, 30%);
	--color-darker-blue: hsla(221, 57%, 12%, 1);
	--color-light-blue: hsla(191, 33%, 94%, 1);


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

	/* --- Spacing --- */
	--spacing: 1.25rem /* 20px */;
	--spacing-025: calc(var(--spacing) / 4);
	--spacing-050: calc(var(--spacing) / 2);
	--spacing-1: var(--spacing);
	--spacing-150: calc(var(--spacing) * 1.5);
	--spacing-2: calc(var(--spacing) * 2);
	--spacing-3: calc(var(--spacing) * 3);
	--spacing-4: calc(var(--spacing) * 4);
	--spacing-6: calc(var(--spacing) * 6);

	--spacing-small: var(--spacing-050);
	--spacing-medium: var(--spacing-2);
	--spacing-large: var(--spacing-4);
	--spacing-larger: var(--spacing-6);

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

	/* --- Max widths --- */
	--max-site-width: 100rem;
	--max-content-width: 46rem;

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

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

	/*--------------------------------------------------------------
	  # Misc
	--------------------------------------------------------------*/
	--border-radius: 0.4rem;
	--box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);
}

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

body {
	background-color: var(--color-darker-blue);
	color: var(--color-black);
	font-family: var(--font-sans);
	font-size: var(--font-size-default);
	line-height: 1.45;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-size: var(--font-size-xxl);
	font-weight: 700;
	line-height: 1.17;
	margin: 2em 0 0.5em;
	max-width: 62.5rem;
}

h2 {
	font-size: var(--font-size-xl);
}

h3 {
	font-size: var(--font-size-l);
}

h4 {
	font-size: var(--font-size-m);
}

h5 {
	font-size: var(--font-size-default);
}

.site-main p,
	.site-main li {
		max-width: 90ch;
	}

ol ol {
	list-style-type: lower-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

header ul, footer ul, nav ul {
		list-style: none;
		padding: 0;
	}

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

a {
	color: var(--color-primary);
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	transition: color var(--speed) ease;
}

a:hover,
a:focus,
a:active {
	color: var(--color-teal);
	-webkit-text-decoration: none;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

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

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: var(--color-orange);
	border: none;
	border-radius: var(--border-radius);
	color: var(--color-navy);
	cursor: pointer;
	letter-spacing: 0.05em;
	padding: var(--spacing);
}

.button:active,
.button:focus,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background: var(--color-lime);
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

.wp-block-buttons {
	font-size: 0.8em;
}

.wp-block-buttons > .wp-block-button {
		margin-bottom: 0;
	}

.wp-block-button .wp-block-button__link {
	background: var(--color-orange);
	border-radius: var(--border-radius);
	color: var(--color-black);
	font-size: var(--font-size-s);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.17;
	margin-bottom: 1em;
	padding: calc(1rem + 2px) var(--spacing) 1rem;
	text-transform: uppercase;
}

.wp-block-button .wp-block-button__link:focus,
	.wp-block-button .wp-block-button__link:hover {
		background: var(--color-lime);
		color: var(--color-black);
	}

.is-style-ghost-orange .wp-block-button__link {
	background: none;
	border: 1px solid var(--color-orange);
	color: var(--color-orange);
}

.is-style-ghost-orange .wp-block-button__link:focus,
	.is-style-ghost-orange .wp-block-button__link:hover {
		background: none;
		border: 1px solid var(--color-lime);
		color: var(--color-lime);
	}

.is-style-ghost-blue .wp-block-button__link {
	background: none;
	border: 1px solid var(--color-primary);
	color: var(--color-primary);
}

.is-style-ghost-blue .wp-block-button__link:focus,
	.is-style-ghost-blue .wp-block-button__link:hover {
		background: none;
		border: 1px solid var(--color-teal);
		color: var(--color-teal);
	}

/*--------------------------------------------------------------
# Table
--------------------------------------------------------------*/

td,
th {
	font-size: var(--font-size-xs);
	padding: 1.5em;
}

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

.main-content {
	width: 100%;
}

.site-main {
	padding-left: var(--gutter);
	padding-right: var(--gutter);
}

.site {
	background-color: var(--color-white);
	min-height: 100vh;
}

/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/

.primary-logo-link {
	display: flex;
	justify-content: center;
	max-width: 250px;
	margin: calc(var(--gutter) + 60px) 0 0 var(--gutter);
	position: absolute;
	width: 30vw;
	z-index: 1;
}

.primary-logo-link svg {
		height: 100%;
		width: 100%;
		max-width: 250px;
	}

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

.header-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: var(--color-primary);
	color: #fff;
}

@media (min-width: 60.01em) {

.header-container {
		flex-direction: row;
		justify-content: space-between;
		padding: 0 1em;
}
	}

@media (max-width: 60em) {

.header-container {
		height: 57px;
}
	}

.site-branding {
	align-items: center;
	background: var(--color-primary);
	border-bottom: 1px solid var(--color-primary-dark);
	display: flex;
	font-weight: 700;
	gap: 1em;
	justify-content: space-between;
	padding-left: 1em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}

@media (min-width: 60.01em) {

.site-branding {
		border-bottom: none;
		position: static;
		justify-content: start;
}
	}

.site-branding p {
		margin: 0;
		font-size: 1.25rem;
		line-height: 1.1;
		text-align: left;
	}

@media (max-width: 37.5em) {

.site-branding p {
			font-size: 1rem;
	}
		}

/* Position adjustments for admin bar */

.admin-bar .site-branding {
		top: 32px;
	}

@media (max-width: 782px) {

.admin-bar .site-branding {
			top: 46px;
	}
		}

@media (max-width: 600px) {

.admin-bar .site-branding {
			top: 0;
	}
		}

/* Move the admin bar on mobile views to avoid conflict with sticky header. */

@media (max-width: 600px) {

	.admin-bar {
		margin-top: -46px;
	}

	#wpadminbar {
		bottom: 0;
		position: fixed;
		top: unset;
	}
}

.top-buttons {
	margin-top: 3.5em;
	line-height: 2.5;
}

@media (min-width: 60.01em) {

.top-buttons {
		margin-top: 0;
		margin-right: 1em;
}
	}

@media (max-width: 60em) {

.top-buttons {
		display: none;
}
	}

.top-buttons .wp-block-button__link {
		background: var(--color-primary-dark);
		border-radius: 0;
		color: var(--color-white);
		padding-top: calc(var(--spacing) + 2px);
		padding-bottom: var(--spacing);
		margin-bottom: 0;
		white-space: nowrap;
	}

.social-icons ul {
	display: flex;
	gap: 1em;
	justify-content: center;
}

.social-icons ul a {
		display: flex;
	}

.social-icons ul svg {
		width: auto;
		height: 24px;
	}

.social-icons ul svg:focus path,
		.social-icons ul svg:hover path {
			fill: var(--color-lime);
		}

.social-icons ul svg:focus g,
		.social-icons ul svg:hover g {
			stroke: var(--color-lime);
		}

@media (max-width: 60em) {

.header-container :is(.social-icons ul) {
			display: none;
	}
		}

.breadcrumbs {
	background: var(--color-light-blue);
	padding: var(--spacing-050) 0;
}

@media (max-width: 60em) {

.breadcrumbs {
		margin-top: 3.625rem;
}
	}

.breadcrumbs ol {

		list-style: none;
	}

.breadcrumbs ol li {
			display: inline;
		}

:is(.breadcrumbs ol li) + li::before {
				content: "/";
				display: inline-block;
				margin: 0 var(--spacing-050);
			}

.breadcrumbs a {
		font-weight: 400;
	}

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

.site-footer {
	align-items: center;
	background-color: var(--color-primary-dark);
	color: var(--color-white);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	font-weight: 700;
	gap: 1em;
	justify-content: space-between;
	margin-top: var(--spacing-4);
	padding: 1rem var(--gutter) 0;
	text-align: center;
}

.site-footer .branding {
		text-align: left;
		max-width: 12em;
	}

@media (max-width: 60em) {

.site-footer .branding {
			text-align: center;
	}
		}

.site-footer .social-icons {
		margin-bottom: 0;
	}

.site-footer .social-icons .social {
			justify-content: flex-start;
		}

@media (max-width: 60em) {

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

.site-footer a {
		color: #fff;
		-webkit-text-decoration: none;
		text-decoration: none;
	}

.site-footer a:focus,
		.site-footer a:hover {
			-webkit-text-decoration: underline;
			text-decoration: underline;
			color: var(--color-lime);
		}

.site-footer svg {
		width: 150px;
		height: auto;
	}

.footer-widgets {
	background-color: var(--color-primary);
	flex: 100%;
	font-size: var(--font-size-xs);
	font-weight: 400;
	margin: 2rem calc(var(--gutter) * -1) 0;
	padding: 1rem var(--gutter);
}

.footer-widgets p {
		margin: 0;
	}

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

@media (min-width: 60.01em) {

	.site {

		display: grid;
		grid-template:
			"nav header"
			"nav main" 1fr
			"nav footer" / 300px 1fr;
		margin: 0 auto;
		max-width: var(--max-site-width);
	}

	.primary-logo-link {
		max-width: none;
		margin: 0;
		padding: 1.5rem;
		width: 300px;
	}

	.header-container {
		grid-area: header;
	}

	.main-navigation {
		grid-area: nav;
	}

	.site-main {
		grid-area: main;
	}

	.site-footer {
		flex-direction: row;
		grid-area: footer;
	}
}

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

.main-navigation {
	background: var(--color-navy);
	color: var(--color-white);
	font-size: 1.0625rem;
	height: 0;
	margin: 0;
	padding: 1.5rem;
	position: relative;
	visibility: hidden;
	width: 0;
}

.main-navigation .menu {
		font-weight: 700;
		margin-top: 0;
		padding: 0;
	}

.main-navigation .menu > li:not(:first-child) {
			border-top: 1px solid var(--color-primary);
		}

.main-navigation .menu > li:last-child {
			border-bottom: 1px solid var(--color-primary);
			border-color: var(--color-lime);
		}

.main-navigation .widget {
		margin-bottom: 4rem;
	}

.main-navigation a {
		color: var(--color-white);
		display: inline-block;
		padding: var(--spacing-050) 0;
		-webkit-text-decoration: none;
		text-decoration: none;
	}

.main-navigation .menu-item-has-children > a {
		flex: 1 0 200px;
	}

.main-navigation a:focus,
	.main-navigation a:hover {
		-webkit-text-decoration: underline;
		text-decoration: underline;
	}

.main-navigation .sub-menu {
		display: none;
		font-size: 1rem;
		width: 100%;
	}

.main-navigation .sub-menu li {
			align-items: center;
			display: flex;
			margin-left: var(--spacing-025);
		}

.main-navigation .sub-menu a {
			padding: var(--spacing-025) var(--spacing-025) var(--spacing-025);
		}

.main-navigation .sub-menu .toggled-on {
			background-color: var(--color-primary-screen);
			border-bottom: 3px solid var(--color-teal);
			margin-bottom: 0;
		}

:is(.main-navigation .sub-menu .toggled-on) + li {
				padding-top: var(--spacing-025);
			}

.main-navigation .sub-menu li:last-child {
			padding-bottom: var(--spacing-025);
		}

.main-navigation .sub-menu .sub-menu {
			font-size: 0.9375em;
			font-weight: 400;
			padding-bottom: var(--spacing-025);
		}

.main-navigation .sub-menu .sub-menu .toggled-on {
				border: none;
			}

.main-navigation .sub-menu .sub-menu .sub-menu {
				padding-left: var(--spacing-050);
			}

.main-navigation .sub-menu .sub-menu li:last-child {
				padding-bottom: 0;
			}

.main-navigation .current-menu-item::before {
			content: "\2022";
			margin-right: 0.25em;
		}

.toggled-on > .sub-menu {
	display: block;
}

.dropdown-toggle,
.dropdown-toggle:active,
.dropdown-toggle:focus {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cpolyline fill='none' stroke='%2386F48B' stroke-miterlimit='10' points='11,16 21,26 31,16'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0;
	cursor: pointer;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 40px;
}

.dropdown-toggle[aria-expanded="true"] {
	transform: rotate(180deg);
}

.menu-item-has-children {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 60.01em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation {
		visibility: visible;
		width: 300px;
		height: auto;
	}

	.main-navigation-inner {
		margin-top: 300px;
		position: sticky;
		top: 0;
	}

		.admin-bar .main-navigation-inner {
			top: 32px;
		}
}

@media (max-width: 60em) {

	.scroll-lock {
		overflow: hidden;
	}

	.main-navigation {
		overflow: hidden;
	}

		.main-navigation:not(.toggled-on) {
			padding: 0;
		}

		.main-navigation.toggled-on {
			height: 100vh;
			top: 0;
			left: 0;
			overflow-y: scroll;
			position: fixed;
			visibility: visible;
			width: 100%;
			z-index: 4;
		}

			.main-navigation.toggled-on .main-navigation-inner {
				margin-top: 60px;
			}
}

/* Spacing adjustments for admin bar/sticky header */

@media (max-width: 60em) {

.admin-bar .main-navigation.toggled-on .main-navigation-inner {
		margin-top: calc(60px + 32px);
}
	}

@media (max-width: 782px) {

.admin-bar .main-navigation.toggled-on .main-navigation-inner {
		margin-top: calc(60px + 46px);
}
	}

@media (max-width: 600px) {

.admin-bar .main-navigation.toggled-on .main-navigation-inner {
		margin-top: 60px;
}
	}

/* --- Search input --- */

.main-navigation .wp-block-search {
	margin-top: var(--spacing-025);
}

.main-navigation .wp-block-search .wp-block-search__label {
		display: block;
		padding: 0 0 var(--spacing-025) var(--border-radius);
	}

.main-navigation .wp-block-search .wp-block-search__inside-wrapper:focus-within {
		border-radius: var(--border-radius);
		outline: 1px solid var(--color-white);
	}

.main-navigation .wp-block-search .wp-block-search__input {
		background: var(--color-primary);
		color: var(--color-white);
		border: none;
		border-top-left-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}

.main-navigation .wp-block-search .wp-block-search__input:focus {
			outline: none;
		}

.main-navigation .wp-block-search .wp-block-search__button {
		width: 2.2212em;
		margin-left: 0;
		padding-left: var(--spacing);
		padding-right: var(--spacing);
		color: var(--color-white);
		border: none;
		border-top-right-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		text-indent: -9999em;
		background: var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 22 22'%3E%3Ctitle%3Eico-search-blue%3C/title%3E%3Cpath class='search-icon-path' d='M12 10.94L9.45 8.39a5.25 5.25 0 1 0-4.2 2.11 5.2 5.2 0 0 0 3.14-1.05L10.94 12zM1.5 5.25A3.75 3.75 0 1 1 5.25 9 3.75 3.75 0 0 1 1.5 5.25z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; /* stylelint-disable-line function-url-quotes */
		cursor: pointer;
	}

.main-navigation .wp-block-search .wp-block-search__button:focus {
			background-color: var(--color-primary-dark);
			outline: none;
		}

.menu-toggle {
	border: none;
	border-radius: 0;
	padding: 0.75rem;
	cursor: pointer;
	visibility: visible;
}

.menu-toggle svg {
		width: 25px;
		height: 25px;
	}

/* --- Remove Home page title --- */

.home .entry-title,
.single-management_plan .entry-title {
	display: none;
}

/* --- Remove site logo on small viewport // hopefully temp --- */

@media (max-width: 60em) {

.primary-logo-link {
		display: none;
}
	}

/*--------------------------------------------------------------
# Core block styles
--------------------------------------------------------------*/

/* --- Group block --- */

.wp-block-group.has-background *>h2:first-child,
		.wp-block-group.has-background *>h3:first-child {
			margin-top: 0;
		}

.wp-block-group.alignfull {
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}

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

.wp-block-columns {
	gap: var(--gutter);
}

.wp-block-columns .wp-block-column >*:first-child {
			margin-top: 0;
		}

.wp-block-columns .wp-block-column:not(:first-child) {
			margin-left: 0 !important;
		}

/* --- Media Text Block --- */

.wp-block-media-text {
	gap: var(--spacing);
}

.wp-block-media-text.has-background {
		gap: 0;
		padding: 0;
	}

.wp-block-media-text.has-background .wp-block-media-text__content {
			padding: var(--spacing-2) var(--gutter);
		}

.wp-block-media-text .wp-block-media-text__content {
		padding: 1rem;
	}

.wp-block-media-text.alignfull .wp-block-media-text__content {
			padding: var(--spacing-4) var(--gutter);
		}

/*--------------------------------------------------------------
# Custom block styles
--------------------------------------------------------------*/

/* --- Hero block style --- */

.wp-block-cover.is-style-hero {
	align-items: flex-end;
	min-height: 75vh;
	justify-content: flex-start;
	overflow: visible;
	padding: 0;
}

.wp-block-cover.is-style-hero.alignfull {
		padding: 0;
	}

.wp-block-cover.is-style-hero >.wp-block-cover__inner-container {
		background-color: var(--color-primary);
		margin-right: calc(var(--gutter) * 2);
		margin-bottom: calc(var(--spacing-2) * -1);
		padding: var(--gutter);
		max-width: 50em;
	}

.wp-block-cover.is-style-hero h2,
	.wp-block-cover.is-style-hero h3 {
		font-size: var(--font-size-xxl);
		margin: var(--spacing) 0 var(--spacing-150);
	}

.wp-block-cover.is-style-hero .wp-block-buttons {
		margin-top: var(--spacing-150);
	}

.wp-block-cover.is-style-hero .wp-block-button__link {
		margin-bottom: 0;
	}

.wp-block-cover.is-style-color-over {
	align-items: flex-end;
	min-height: 75vh;
	justify-content: flex-start;
	padding: 0;
}

.wp-block-cover.is-style-color-over.alignfull {
		padding: 0;
	}

.wp-block-cover.is-style-color-over >.wp-block-cover__inner-container {
		background-color: var(--color-primary);
		margin-right: calc(var(--gutter) * 2);
		padding: var(--gutter);
		max-width: 36em;
	}

.wp-block-cover.is-style-color-over h2,
	.wp-block-cover.is-style-color-over h3 {
		margin: var(--spacing) 0 var(--spacing-150);
	}

.wp-block-cover.is-style-color-over .wp-block-buttons {
		margin-top: var(--spacing-150);
	}

.wp-block-cover.is-style-color-over .wp-block-button__link {
		margin-bottom: 0;
	}

.wp-block-cover.is-style-color-over.remove-margin-top h2 {
			margin-top: 0;
		}

/* --- Media text card style --- */

.is-style-media-card {
	background-color: var(--color-white);
	border: 1px solid var(--color-primary);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	grid-template-columns: 34% 1fr;
	min-height: 160px;
	overflow: hidden;
}

.is-style-media-card.has-media-on-the-right {
		grid-template-columns: 1fr 34%;
	}

.is-style-media-card .wp-block-media-text__content {
		color: var(--color-steel);
		font-size: var(--font-size-s);
		padding: var(--spacing);
	}

.is-style-media-card .wp-block-media-text__media {
		align-self: stretch;
	}

.is-style-media-card .wp-block-media-text__media img {
			height: 100%;
			object-fit: cover;
			width: 100%;
		}

.is-style-media-card +.is-style-media-card {
		margin-top: var(--spacing-150);
	}

/* --- Overlap style for media-text--- */

.is-style-overlap {
	grid-template-columns: 66% 1fr;
}

.is-style-overlap.has-media-on-the-right {
		grid-template-columns: 1fr 66%;
	}

.is-style-overlap.has-media-on-the-right .wp-block-media-text__content {
			margin: var(--spacing-4) -30% var(--spacing-4) var(--gutter);
			padding: var(--spacing-2);
		}

@media (max-width: 37.5em) {

.is-style-overlap.has-media-on-the-right .wp-block-media-text__content {
				margin: -3rem var(--gutter) var(--spacing-2);
		}
			}

.is-style-overlap .wp-block-media-text__content {
		background-color: var(--color-white);
		box-shadow: var(--box-shadow);
		margin: var(--spacing-4) var(--gutter) var(--spacing-4) -30%;
		padding: var(--spacing-150);
	}

@media (max-width: 37.5em) {

.is-style-overlap .wp-block-media-text__content {
			margin: -3rem var(--gutter) var(--spacing-2);
	}
		}

.is-style-overlap .wp-block-media-text__content >h2:first-child,
		.is-style-overlap .wp-block-media-text__content >h3:first-child {
			margin-top: 0;
		}

.is-style-hero {
	margin-bottom: var(--spacing-3);
}

@media (max-width: 37.5em) {

.is-style-hero {
		margin-bottom: 0;
}
	}

.is-style-hero .wp-block-media-text__content {
		font-size: var(--font-size-m);
		padding: var(--spacing-6) var(--gutter) var(--spacing-3);
	}

@media (max-width: 37.5em) {

.is-style-hero .wp-block-media-text__content {
			padding-top: var(--spacing-2);
			padding-bottom: var(--spacing-2);
	}
		}

.is-style-hero .wp-block-post-title {
		margin-top: 0;
	}

/* --- Three column flip cards -- Group block--- */

.is-style-memory-cards >.wp-block-group__inner-container {
		display: grid;
		gap: var(--spacing);
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}

.is-style-memory-cards >.wp-block-group__inner-container >* {
			border-radius: var(--border-radius);
			box-shadow: var(--box-shadow);
			min-height: 250px;
			margin: 0;
			overflow: hidden;
			padding: var(--spacing-150);
		}

.is-style-memory-cards >.wp-block-group__inner-container >*.wp-block-group {
				box-shadow: none;
			}

.is-style-memory-cards >.wp-block-group__inner-container >* h2,
			.is-style-memory-cards >.wp-block-group__inner-container >* h3,
			.is-style-memory-cards >.wp-block-group__inner-container >* p {
				margin: 0;
			}

.is-style-memory-cards a {
		color: inherit;
		-webkit-text-decoration: none;
		text-decoration: none;
	}

.is-style-memory-cards a:hover {
			color: inherit;
			-webkit-text-decoration: underline;
			text-decoration: underline;
		}

/*--------------------------------------------------------------
# Content Aggregator Block
--------------------------------------------------------------*/

.happyprime-content-aggregator-block.cab-has-post-thumbnail {
		padding-top: var(--spacing-150);
	}

.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail+li {
			padding-top: 2rem;
			padding-bottom: 2rem;
		}

.happyprime-content-aggregator-block li {
		padding: var(--spacing-050) 0;
	}

:is(.happyprime-content-aggregator-block li) +li {
			border-top: 1px solid var(--color-gray);
		}

.has-background :is(:is(.happyprime-content-aggregator-block li) +li) {
				border-color: var(--color-steel);
			}

.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail {
		display: grid;
		gap: 0 var(--spacing);
		grid-template: "img head""img date"1fr / 1fr 3fr;
	}

.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail.cab-type-people {
			grid-template: "img head""img date"1fr / 12rem 1fr;
		}

.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail .wp-block-latest-posts__post-thumbnail,
		.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail figure {
			grid-area: img;
			margin: 0;
		}

.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail a {
			grid-area: head;
		}

.happyprime-content-aggregator-block.cab-has-post-thumbnail:not(.is-grid) li.cab-has-post-thumbnail time {
			grid-area: date;
		}

.happyprime-content-aggregator-block.is-grid {
		display: grid;
		gap: var(--spacing);
		grid-template-columns: 1fr 1fr;
	}

@media (max-width: 37.5em) {

.happyprime-content-aggregator-block.is-grid {
			grid-template-columns: 100%;
	}
		}

@media (min-width: 37.51em) {

.happyprime-content-aggregator-block.is-grid.columns-3 {
				grid-template-columns: repeat(3, 1fr);
		}
			}

.happyprime-content-aggregator-block.is-grid.columns-4 {
			width: 25%;
		}

.happyprime-content-aggregator-block.is-grid.columns-5 {
			width: 20%;
		}

.happyprime-content-aggregator-block.is-grid li {
			background-color: var(--color-white);
			border: 1px solid var(--color-primary);
			border-radius: var(--border-radius);
			box-shadow: var(--box-shadow);
			display: flex;
			flex-direction: column;
			margin: 0;
			overflow: hidden;
			padding: 0 0 var(--spacing-150);
			width: 100%;
		}

.happyprime-content-aggregator-block.is-grid a {
			font-size: var(--font-size-m);
			font-weight: 700;
			margin: var(--spacing-150) var(--spacing) 0;
		}

.happyprime-content-aggregator-block.is-grid .wp-block-latest-posts__post-date {
			margin: var(--spacing) var(--spacing) 0;
		}

.happyprime-content-aggregator-block.is-grid .wp-block-latest-posts__post-thumbnail {
			height: 0;
			margin: 0;
			order: -1;
			padding-bottom: 66%;
			position: relative;
		}

.happyprime-content-aggregator-block.is-grid .wp-block-latest-posts__post-thumbnail img {
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
			}

/* --- Event list --- */

:is(.happyprime-content-aggregator-block .cab-type-sc_event,.happyprime-content-aggregator-block.is-grid .cab-type-sc_event) +.cab-type-sc_event {
			border-color: var(--color-primary);
		}

:is(.happyprime-content-aggregator-block .cab-type-sc_event,.happyprime-content-aggregator-block.is-grid .cab-type-sc_event) >a {
			display: inline-block;
			font-weight: 700;
			margin-bottom: var(--spacing-050);
		}

.home :is(:is(.happyprime-content-aggregator-block .cab-type-sc_event,.happyprime-content-aggregator-block.is-grid .cab-type-sc_event) >a) {
				font-size: var(--font-size-m);
			}

:is(.happyprime-content-aggregator-block .cab-type-sc_event,.happyprime-content-aggregator-block.is-grid .cab-type-sc_event) .meeting-detail-wrapper {
			align-items: flex-start;
		}

:is(.happyprime-content-aggregator-block .cab-type-sc_event,.happyprime-content-aggregator-block.is-grid .cab-type-sc_event) .meeting-date,
		:is(.happyprime-content-aggregator-block .cab-type-sc_event,.happyprime-content-aggregator-block.is-grid .cab-type-sc_event) .meeting-location {
			color: var(--color-steel);
			font-size: var(--font-size-s);
		}

.happyprime-content-aggregator-block.is-grid .cab-type-sc_event {
		background-color: transparent;
		border: none;
		border-bottom: 1px solid var(--color-primary);
		border-radius: 0;
		box-shadow: none;
	}

.happyprime-content-aggregator-block.is-grid .cab-type-sc_event >a {
			margin: 0;
		}

.happyprime-content-aggregator-block .cab-type-people {
		color: var(--color-steel);
	}

.happyprime-content-aggregator-block .cab-type-people >* {
			display: block;
		}

.happyprime-content-aggregator-block .cab-type-people a[itemprop="url"] {
			color: inherit;
			-webkit-text-decoration: none;
			text-decoration: none;
		}

.happyprime-content-aggregator-block .cab-type-people a[itemprop="url"]:hover {
				-webkit-text-decoration: underline;
				text-decoration: underline;
			}

.happyprime-content-aggregator-block .cab-type-people [itemprop="name"] {
			font-weight: 700;
		}

.happyprime-content-aggregator-block .cab-type-people figure img {
			width: 100%;
		}

/* --- CAB Amendment template --- */

.happyprime-content-aggregator-block .cab-type-amendment {
		border-top: 1px solid var(--color-steel);
		display: grid;
		gap: var(--spacing) var(--spacing-2);
		grid-template: "status ."auto "title descr"1fr / 1fr 1fr;
		padding-top: 0;
	}

@media (max-width: 37.5em) {

.happyprime-content-aggregator-block .cab-type-amendment {
			grid-template: "status""title""descr"1fr / 1fr;
	}
		}

.happyprime-content-aggregator-block .cab-type-amendment .amendment-title {
			color: var(--color-black);
			font-size: var(--font-size-l);
			grid-area: title;
			-webkit-text-decoration: none;
			text-decoration: none;
		}

.happyprime-content-aggregator-block .cab-type-amendment .amendment-title:hover {
				color: var(--color-primary);
				-webkit-text-decoration: underline;
				text-decoration: underline;
			}

.happyprime-content-aggregator-block .cab-type-amendment .amendment-excerpt {
			grid-area: descr;
		}

.happyprime-content-aggregator-block .cab-type-amendment .amendment-excerpt p {
				margin: 0;
			}

.happyprime-content-aggregator-block .cab-type-amendment .amendment-status {
			background-color: var(--color-gray);
			color: var(--color-black);
			font-size: var(--font-size-s);
			grid-area: status;
			letter-spacing: var(--letter-spacing-small);
			padding: 0.25em 0.5em;
			text-transform: uppercase;
			max-width: max-content;
		}

.happyprime-content-aggregator-block .cab-type-amendment.cab-amendment_step-implementation .amendment-status {
				background-color: var(--color-steel);
				color: var(--color-white);
				font-weight: 900;
				letter-spacing: 0;
				text-transform: none;
			}

.happyprime-content-aggregator-block .cab-type-amendment.cab-amendment_step-implementation .amendment-status::before {
					content: "Implemented: ";
					font-weight: 400;
					letter-spacing: var(--letter-spacing-small);
					text-transform: uppercase;
				}

:is(.happyprime-content-aggregator-block .cab-type-amendment) +.cab-type-amendment {
			margin-top: var(--spacing);
		}

/*--------------------------------------------------------------
# Happy Prime Show/Hide block
--------------------------------------------------------------*/

.wp-block-happyprime-show-hide-group {
	--show-hide-border-color: var(--color-primary-screen);
}

.wp-block-happyprime-show-hide-group .toggle-all {
		cursor: pointer;
		font-size: 0.75em;
		position: relative;
		text-transform: uppercase;
		background: none;
		border: none;
		color: inherit;
		line-height: inherit;
		margin: 1em 0;
		overflow: visible;
		padding: 0 1.5em 0 0;
	}

.wp-block-happyprime-show-hide-group .toggle-all::after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="none" d="M0 0h10v10H0z"/><path fill="rgba(0,0,0,.67)" d="M10 4.69H5.31V0h-.62v4.69H0v.62h4.69V10h.62V5.31H10v-.62z"/></svg>');
			/* stylelint-disable-line function-url-quotes */
			content: "";
			display: inline-block;
			height: 1em;
			position: absolute;
			right: 0.25em;
			top: calc(50% - 0.5em);
			width: 1em;
			transition: transform 0.3s ease;
		}

.wp-block-happyprime-show-hide-group details {
		border-bottom: 1px solid var(--show-hide-border-color);
		padding: 1em 0;
	}

.wp-block-happyprime-show-hide-group details:first-of-type {
			border-top: 1px solid var(--show-hide-border-color);
		}

.wp-block-happyprime-show-hide-group summary {
		cursor: pointer;
		font-size: var(--font-size-m);
		font-weight: 900;
		list-style: none;
		position: relative;
	}

.wp-block-happyprime-show-hide-group summary::after {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="none" d="M0 0h10v10H0z"/><path fill="rgba(0,0,0,.67)" d="M10 4.69H5.31V0h-.62v4.69H0v.62h4.69V10h.62V5.31H10v-.62z"/></svg>');
			/* stylelint-disable-line function-url-quotes */
			content: "";
			display: inline-block;
			height: 1em;
			position: absolute;
			right: 0.25em;
			top: calc(50% - 0.5em);
			width: 1em;
			transition: transform 0.3s ease;
		}

.wp-block-happyprime-show-hide-group .toggle-all[aria-expanded="true"]::after,
	.wp-block-happyprime-show-hide-group details[open] summary::after {
		transform: rotate(-135deg);
	}

/*--------------------------------------------------------------
# Happy Prime tabs
--------------------------------------------------------------*/

.tablist {
	border-bottom: 1px solid var(--color-steel);
	display: flex;
	gap: var(--spacing);
}

@media (max-width: 37.5em) {

.tablist {
		overflow-x: scroll;
		overflow-y: clip;
}
	}

.wp-block-happyprime-tabs button {
		background-color: var(--color-steel);
		border: 1px solid var(--color-steel);
		border-radius: 0;
		color: var(--color-white);
		cursor: pointer;
		font-size: var(--font-size-default);
		font-weight: 400;
		letter-spacing: var(--letter-spacing);
		margin: 0;
		padding: var(--spacing) var(--spacing-150);
	}

.wp-block-happyprime-tabs button[aria-controls="tab-panel-1"],
		.wp-block-happyprime-tabs button[aria-selected="true"] {
			background-color: var(--color-white);
			border-bottom-color: var(--color-white);
			color: var(--color-black);
			cursor: auto;
			margin-bottom: -1px;
			padding-bottom: calc(var(--spacing) + 1px);
		}

.wp-block-happyprime-tabs button[tabindex="-1"] {
			background-color: var(--color-steel);
			border-bottom-color: var(--color-steel);
			color: var(--color-white);
			cursor: pointer;
			margin-bottom: 0;
			padding-bottom: var(--spacing);
		}

.wp-block-happyprime-tabs [role="tabpanel"] {
		border: 1px solid var(--color-steel);
		margin-top: -1px;
		padding: var(--spacing-2) var(--spacing);
	}

.wp-block-safmc-events {
	list-style: none;
	margin-top: var(--spacing-2);
	max-width: 54rem;
}

.wp-block-safmc-events .wp-block-buttons {
		color: var(--color-primary);
		margin-top: var(--spacing-150);
	}

.wp-block-safmc-events.closed {
		display: none;
	}

.wp-block-safmc-events article+article {
		border-top: 4px solid var(--color-gray);
		margin-top: var(--spacing-2);
		padding-top: var(--spacing-2);
	}

.has-background :is(.wp-block-safmc-events article+article) {
			border-top: 1px solid var(--color-steel);
		}

.wp-block-safmc-events.is-style-show-event-icons article {
			padding-left: 6.25rem;
			position: relative;
		}

@media (max-width: 37.5em) {

.wp-block-safmc-events.is-style-show-event-icons article {
				padding-left: 3rem;
		}
			}

.wp-block-safmc-events.is-style-show-event-icons article::before {
				background-repeat: no-repeat;
				background-size: contain;
				content: "";
				height: 4.4rem;
				position: absolute;
				left: 0;
				width: 4.4rem;
			}

@media (max-width: 37.5em) {

.wp-block-safmc-events.is-style-show-event-icons article::before {
					height: 2rem;
					width: 2rem;
			}
				}

.wp-block-safmc-events.is-style-show-event-icons article.meeting_type-council-meeting::before {
				background-image: url(./images/icon-meeting-cm.svg);
			}

.wp-block-safmc-events.is-style-show-event-icons article.meeting_type-advisory-panel::before {
				background-image: url(./images/icon-meeting-ap.svg);
			}

.wp-block-safmc-events.is-style-show-event-icons article.meeting_type-scientific-and-statistical-committee::before {
				background-image: url(./images/icon-meeting-stat.svg);
			}

.wp-block-safmc-events.is-style-show-event-icons article.meeting_type-safmc-seminar-series::before {
				background-image: url(./images/icon-meeting-seminar.svg);
			}

.wp-block-safmc-events.is-style-show-event-icons article.meeting_type-workgroups::before {
				background-image: url(./images/icon-meeting-wg.svg);
			}

.wp-block-safmc-events.is-style-show-event-icons article.meeting_type-public-hearings-scoping::before {
				background-image: url(./images/icon-meeting-hearing.svg);
			}

.wp-block-safmc-events.is-style-show-event-icons .wp-block-buttons {
			display: none;
		}

.wp-block-safmc-events +h2 {
		border-top: 4px solid var(--color-steel);
		margin-top: 5rem;
		padding-top: 4rem;
	}

.wp-block-safmc-events [role="tablist"] {
		margin: 0;
	}

.wp-block-safmc-events.wp-block-happyprime-tabs [role="tabpanel"] {
		border: 1px solid #1e1e1e;
		border-width: 0 1px 1px 1px;
		margin: -1px 0 0;
		padding: var(--spacing-2) var(--spacing);
	}

_display-options.wp-block-safmc-events.components-base-control .components-base-control__help {
		margin-left: 26px;
	}

.meeting-title {
	display: block;
	font-size: var(--font-size-m);
	font-weight: 700;
	margin: 0 0 var(--spacing);
}

.meeting-detail-wrapper {
	align-items: flex-end;
	display: flex;
}

@media (max-width: 37.5em) {

.meeting-detail-wrapper {
		flex-wrap: wrap;
}
	}

.meeting-detail-wrapper >*:first-child {
		color: var(--color-steel);
		font-size: var(--font-size-s);
		letter-spacing: var(--letter-spacing-small);
		margin-right: var(--spacing);
		text-transform: uppercase;
		width: 100%;
		max-width: 100px;
	}

.meeting-detail-wrapper +.meeting-detail-wrapper {
		margin-top: 1rem;
	}

/* SC Event calendar */

#sc_event_category {
	display: none;
}

#sc_events_calendar_head input {
	font-size: var(--font-size-xs);
	line-height: 1;
	padding: 0.5rem var(--spacing);
}

#sc_events_calendar_head input:hover {
		background: var(--color-lime);
	}

.sc_event_details {
	margin-bottom: 2rem;
}

/*--------------------------------------------------------------
# Amendment Steps block
--------------------------------------------------------------*/

.wp-block-safmc-amendment-steps {
	background-color: var(--color-gray);
	border-radius: var(--border-radius);
	display: grid;
	grid-template-columns: 40% 60%;
	overflow: hidden;
}

.wp-block-safmc-amendment-steps .amendment-logos {
		display: grid;
		gap: 10%;
		grid-template-columns: 1fr;
		grid-template-rows: 40% 50%;
		margin: 1rem 0;
	}

.wp-block-safmc-amendment-steps .amendment-logos::before,
		.wp-block-safmc-amendment-steps .amendment-logos::after {
			background-image: url(./images/noaa-logo.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			content: "";
			margin: 1rem;
		}

.wp-block-safmc-amendment-steps .amendment-logos::after {
			background-image: url(./images/safmc-logo.svg);
		}

.wp-block-safmc-amendment-steps .amendment-steps {
		display: flex;
		flex-direction: column;
		list-style: none;
		overflow-y: clip;
		padding: 1rem 0 1rem calc(18px + 1rem);
		position: relative;
	}

.wp-block-safmc-amendment-steps .amendment-steps::before {
			background-color: var(--color-white);
			border: 1px solid var(--color-primary);
			border-radius: 50px 50px 0 0;
			content: "";
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			width: 1rem;
			z-index: 1;
		}

.wp-block-safmc-amendment-steps .amendment-steps li {
			font-size: var(--font-size-xs);
			letter-spacing: var(--letter-spacing);
			margin: 0.5rem 0;
			position: relative;
			text-transform: uppercase;
		}

.wp-block-safmc-amendment-steps .amendment-steps .current-step {
			font-weight: 700;
		}

.wp-block-safmc-amendment-steps .amendment-steps .current-step::before {
				border-radius: 50px;
				box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
				content: "";
				height: 2rem;
				position: absolute;
				top: -0.33rem;
				left: -2.65rem;
				width: 2rem;
				z-index: 2;
			}

.wp-block-safmc-amendment-steps .amendment-steps .current-step::after {
				background: repeating-linear-gradient(45deg, #2b68c9, #2b68c9 1rem, #18438b 1rem, #18438b 2rem);
				content: "";
				height: 100vh;
				position: absolute;
				top: 0;
				left: -33px;
				width: 14px;
				z-index: 1;
			}

.wp-block-safmc-amendment-steps .amendment-steps .pre-scoping {
			order: 7;
		}

.wp-block-safmc-amendment-steps .amendment-steps .pre-scoping::before {
				background-image: url(./images/icon-pre-scoping.svg);
			}

.wp-block-safmc-amendment-steps .amendment-steps .scoping {
			order: 6;
		}

.wp-block-safmc-amendment-steps .amendment-steps .scoping::before {
				background-image: url(./images/icon-scoping.svg);
			}

.wp-block-safmc-amendment-steps .amendment-steps .public-hearing {
			order: 5;
		}

.wp-block-safmc-amendment-steps .amendment-steps .public-hearing::before {
				background-image: url(./images/icon-hearing.svg);
			}

.wp-block-safmc-amendment-steps .amendment-steps .final-approval {
			order: 4;
		}

.wp-block-safmc-amendment-steps .amendment-steps .final-approval::before {
				background-image: url(./images/icon-approval.svg);
			}

.wp-block-safmc-amendment-steps .amendment-steps .secretarial-review {
			order: 3;
		}

.wp-block-safmc-amendment-steps .amendment-steps .secretarial-review:not(.current-step) {
				order: 3;
				margin-bottom: 0.5rem;
				padding-bottom: 1rem;
			}

.wp-block-safmc-amendment-steps .amendment-steps .secretarial-review:not(.current-step)::before {
					background: var(--color-white);
					content: "";
					height: 2px;
					display: block;
					position: absolute;
					bottom: 0;
					left: -50vw;
					width: 150vw;
				}

.wp-block-safmc-amendment-steps .amendment-steps .secretarial-review.current-step::before {
					background: url(./images/icon-review.svg);
				}

.wp-block-safmc-amendment-steps .amendment-steps .rule-making {
			order: 2;
		}

.wp-block-safmc-amendment-steps .amendment-steps .rule-making::before {
				background-image: url(./images/icon-rule-making.svg);
			}

.wp-block-safmc-amendment-steps .amendment-steps .implementation {
			order: 1;
		}

.wp-block-safmc-amendment-steps .amendment-steps .implementation::before {
				background-image: url(./images/icon-implementation.svg);
			}

/* Since :after and :before are in use when current, need to utilize
	.final-approval when sec-review is current */

.wp-block-safmc-amendment-steps.secretarial-review .amendment-steps .final-approval {
		margin-top: 0.5rem;
		padding-top: 1rem;
	}

.wp-block-safmc-amendment-steps.secretarial-review .amendment-steps .final-approval::before {
			background: var(--color-white);
			content: "";
			height: 2px;
			display: block;
			position: absolute;
			top: 0;
			left: -50vw;
			width: 150vw;
		}

/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/

.single .post-thumbnail img {
		width: 100%;
	}

/*--------------------------------------------------------------
# Single species
--------------------------------------------------------------*/

.single-fish_species .entry-title {
	display: none;
}

.species-header {
	padding: 0;
	margin-bottom: var(--spacing-2);
}

.species-header.alignfull {
		padding: 0;
		width: calc(100% + (var(--gutter) * 2));
	}

.species-header >div {
		height: 70vh;
		max-height: 600px;
		position: relative;
	}

@media (max-width: 74em) {

.species-header >div {
			height: auto;
			max-height: none;
	}
		}

.species-header .wp-block-post-featured-image {
		height: 100%;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

@media (max-width: 74em) {

.species-header .wp-block-post-featured-image {
			height: 70vh;
			max-height: 400px;
			position: relative;
	}
		}

.species-header .wp-block-post-featured-image img {
			object-fit: cover;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

.species-header .header-content {
		background-color: var(--color-primary);
		color: var(--color-white);
		display: grid;
		grid-template: "title rec com""aka rec com"1fr;
		margin: 0;
		padding: var(--spacing) 0 var(--spacing) var(--gutter);
		position: absolute;
		bottom: 0;
		left: 0;
	}

@media (max-width: 74em) {

.species-header .header-content {
			grid-template: "title title""aka aka""rec com"/ 1fr 1fr;
			padding: var(--spacing);
			position: static;
			width: 100%;
	}
		}

@media (max-width: 49.125em) {

.species-header .header-content {
			display: block;
	}
		}

.species-header .header-content .post-title {
			grid-area: title;
			margin: 0;
		}

.species-header .header-content .also-known-as {
			display: block;
			grid-area: aka;
		}

@media (max-width: 74em) {

.species-header .header-content .also-known-as {
				margin-bottom: var(--spacing-2);
		}
			}

.species-header .header-content .recreational-season-status {
			grid-area: rec;
			margin-left: var(--spacing);
		}

@media (max-width: 74em) {

.species-header .header-content .recreational-season-status {
				margin: 0;
		}
			}

.species-header .header-content .commercial-season-status {
			grid-area: com;
		}

.species-header .header-content .season-status {
			flex-wrap: wrap;
			justify-content: center;
			letter-spacing: var(--letter-spacing);
			padding: 0 var(--spacing);
			text-align: center;
			text-transform: uppercase;
		}

@media (max-width: 74em) {

.species-header .header-content .season-status {
				background-color: var(--color-primary-dark);
				padding: var(--spacing);
		}
			}

.species-header .header-content .season-type {
			display: block;
			font-weight: 700;
			margin-bottom: 1rem;
		}

.open-closed-wrap {
	display: flex;
	justify-content: center;
}

.commercial-season-status .open-closed-wrap {
		display: grid;
		grid-template: 1fr 1fr;
	}

.commercial-season-status .open-closed-wrap .mixed-permits {
			grid-column: span 2;
		}

.season-open,
.season-closed {
	padding: 0 var(--spacing-050);
}

.season-open::before, .season-closed::before {
		content: "";
		display: block;
		height: 70px;
		margin: 0 auto;
		width: 70px;
	}

.season-open::before {
	background-image: url(./images/icon-season-open.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.season-closed::before {
	background-image: url(./images/icon-season-closed.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.season-closed+.season-open,
.season-open+.season-closed {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.commercial-season-status {
	border-left: 1px solid var(--color-primary-dark);
}

@media (max-width: 74em) {

.commercial-season-status {
		border-color: var(--color-primary);
}
	}

@media (max-width: 49.125em) {

.commercial-season-status {
		border-left: none;
		border-top: 1px solid var(--color-primary);
}
	}

/* --- Regulations block styles --- */

.regulations ul {
		list-style: none;
		padding: 0;
	}

.regulations li {
		color: var(--color-steel);
		padding: 1rem;
		max-width: 80ch;
	}

:is(.regulations li) +li {
			border-top: 1px solid var(--color-black);
		}

.regulations .species_current {
		align-items: center;
		display: flex;
		padding-left: 0;
	}

.regulations .bag_limit,
	.regulations .agg_limit,
	.regulations .ves_limit {
		display: flex;
		align-items: center;
	}

.regulations .bag_limit .value, .regulations .agg_limit .value, .regulations .ves_limit .value {
			background-color: var(--color-teal);
			border-radius: 100px;
			color: var(--color-white);
			display: grid;
			height: 40px;
			margin-right: 1rem;
			place-content: center;
			width: 40px;
		}

.regulations .gear,
	.regulations .licenses,
	.regulations .min_size {
		display: grid;
		grid-template-columns: max-content 1fr;
	}

.regulations .gear::before, .regulations .licenses::before, .regulations .min_size::before {
			background-image: url(./images/icon-hook-special-gear.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			content: "";
			height: 40px;
			margin-right: 1rem;
			width: 40px;
		}

.regulations .licenses::before {
		background-image: none;
		background-color: var(--color-gray);
	}

.regulations .min_size {
		align-items: center;
	}

.regulations .min_size::before {
			background-image: url(./images/icon-ruler-min-size.svg);
		}

/*--------------------------------------------------------------
# Post archive
--------------------------------------------------------------*/

.archive .page-header, .blog .page-header {
		margin: 0;
	}

.archive .breadcrumbs+.post, .blog .breadcrumbs+.post {
		margin-top: 0;
		padding-top: 0;
	}

.archive .post,
	.blog .post,
	.archive .briefing_book,
	.blog .briefing_book {
		margin: var(--spacing-2) 0 0;
		padding: var(--spacing-2) 0 0;
	}

.archive .post .entry-header-wrap, .blog .post .entry-header-wrap, .archive .briefing_book .entry-header-wrap, .blog .briefing_book .entry-header-wrap {
			display: flex;
			flex-direction: column;
		}

.archive .post .entry-title, .blog .post .entry-title, .archive .briefing_book .entry-title, .blog .briefing_book .entry-title {
			margin-bottom: 0;
		}

.archive .post .entry-title >h1,
			.blog .post .entry-title >h1,
			.archive .briefing_book .entry-title >h1,
			.blog .briefing_book .entry-title >h1,
			.archive .post .entry-title >h2,
			.blog .post .entry-title >h2,
			.archive .briefing_book .entry-title >h2,
			.blog .briefing_book .entry-title >h2 {
				font-size: var(--font-size-l);
				margin: 0;
			}

:is(.archive .post) +.post,
		:is(.blog .post) +.post,
		:is(.archive .briefing_book) +.post,
		:is(.blog .briefing_book) +.post,
		:is(.archive .post) +.briefing_book,
		:is(.blog .post) +.briefing_book,
		:is(.archive .briefing_book) +.briefing_book,
		:is(.blog .briefing_book) +.briefing_book {
			border-top: 4px solid var(--color-gray);
		}

.archive .post.has-post-thumbnail .entry-header-wrap, .blog .post.has-post-thumbnail .entry-header-wrap, .archive .briefing_book.has-post-thumbnail .entry-header-wrap, .blog .briefing_book.has-post-thumbnail .entry-header-wrap {
			display: grid;
			grid-template-columns: 1fr 3fr;
		}

.archive .post .post-thumbnail, .blog .post .post-thumbnail, .archive .briefing_book .post-thumbnail, .blog .briefing_book .post-thumbnail {
			margin: 0 var(--spacing) 0 0;
			order: -1;
		}

/*--------------------------------------------------------------
# Archive filters - Regulations, and Briefing Books
--------------------------------------------------------------*/

.archive-filters {
	align-items: center;
	display: flex;
	gap: var(--spacing-3) var(--gutter);
	margin-top: var(--spacing-3);
}

@media (max-width: 74em) {

.archive-filters {
		flex-wrap: wrap;
}
	}

.archive-filters .search,
	.archive-filters .meeting-type {
		flex: 1;
		position: relative;
		min-width: 12rem;
		max-width: 22rem;
	}

@media (max-width: 37.5em) {

.archive-filters .search,
	.archive-filters .meeting-type {
			max-width: 100%;
	}
		}

.archive-filters .search span,
		.archive-filters .meeting-type span,
		.archive-filters .search label,
		.archive-filters .meeting-type label {
			color: var(--color-steel);
			font-size: var(--font-size-s);
			letter-spacing: var(--letter-spacing-small);
			position: absolute;
			top: -60%;
			left: 0;
			text-transform: uppercase;
		}

.archive-filters .search input,
		.archive-filters .meeting-type input,
		.archive-filters .search select,
		.archive-filters .meeting-type select {
			background-color: var(--color-gray);
			border: 2px solid var(--color-steel);
			font-size: var(--font-size-s);
			height: 3rem;
			letter-spacing: var(--letter-spacing-small);
			padding: 0 0.5em;
			width: 100%;
		}

.archive-filters .toggle {
		display: flex;
		gap: var(--spacing-050);
	}

.archive-filters .toggle input {
			border: 0;
			clip: rect(0, 0, 0, 0);
			height: 1px;
			overflow: hidden;
			position: absolute !important;
			width: 1px;
		}

:is(.archive-filters .toggle input):checked+label {
				background-color: var(--color-primary);
				color: var(--color-white);
			}

:is(.archive-filters .toggle input):checked+label::before {
					mix-blend-mode: normal;
					opacity: 1;
				}

.archive-filters .toggle label {
			align-items: center;
			background-color: var(--color-steel);
			border-radius: var(--border-radius);
			color: var(--color-white);
			cursor: pointer;
			display: flex;
			font-size: var(--font-size-s);
			font-weight: 700;
			height: 3rem;
			letter-spacing: var(--letter-spacing-small);
			line-height: 1;
			margin-right: -1px;
			padding: 0.5em 1em 0.5em 0.5em;
			text-align: center;
			text-transform: uppercase;
		}

.archive-filters .toggle label[for="open"]::before, .archive-filters .toggle label[for="closed"]::before {
					background-image: url(./images/icon-season-open.svg);
					background-size: contain;
					content: "";
					height: 2rem;
					margin-right: 1rem;
					mix-blend-mode: luminosity;
					opacity: 0.7;
					width: 2rem;
				}

.archive-filters .toggle label[for="closed"]::before {
				background-image: url(./images/icon-season-closed.svg);
				opacity: 1;
			}

.archive-filters .toggle label:hover {
				background-color: var(--color-primary);
			}

.archive-filters .toggle label:hover::before {
					mix-blend-mode: normal;
					opacity: 1;
				}

.archive-filters .toggle.sector {
			background-color: var(--color-gray);
			border: 2px solid var(--color-primary);
			border-radius: var(--border-radius);
			padding: 0.33rem;
		}

.archive-filters .toggle.sector label {
				background-color: transparent;
				color: var(--color-steel);
				height: auto;
				padding: 0.5em 1em;
			}

.archive-filters .toggle.sector label:hover {
					background-color: var(--color-primary);
					color: var(--color-white);
				}

.archive-cards:not(.river) {
	display: grid;
	gap: var(--spacing);
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: var(--gutter);
}

@media (max-width: 60em) {

.archive-cards:not(.river) {
		grid-template-columns: 1fr 1fr;
}
	}

@media (max-width: 37.5em) {

.archive-cards:not(.river) {
		grid-template-columns: 100%;
}
	}

.archive-cards.loading:not(.river) {
		position: relative;
	}

.archive-cards.loading:not(.river) >* {
			opacity: 0.25;
		}

.archive-cards.loading:not(.river)::before {
			animation: loading 1s steps(4, end) infinite;
			color: var(--color-primary);
			content: "\2026";
			display: inline-block;
			font-size: 10rem;
			left: 50%;
			line-height: 1;
			margin-left: -0.435em;
			opacity: 1;
			overflow: hidden;
			position: absolute;
			top: -5rem;
			width: 0;
			z-index: 1;
		}

@keyframes loading {

	to {
		width: 1.2em;
	}
}

.species-card {
	background-color: var(--color-white);
	border: 1px solid var(--color-primary);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	display: flex;
	flex-direction: column;
	margin: 0;
	overflow: hidden;
	position: relative;
	padding-bottom: var(--spacing-150);
	width: 100%;
}

.species-card .post-thumbnail {
		height: 10rem;
		margin: 0;
		position: relative;
	}

.species-card .post-thumbnail img {
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

.species-card .season-open,
	.species-card .season-closed {
		padding: 0;
		position: absolute;
		top: var(--spacing-050);
		right: var(--spacing-050);
	}

.species-card .species-name {
		display: block;
		font-size: var(--font-size-l);
		font-weight: 700;
		margin: var(--spacing) 0 var(--spacing-050);
		text-align: center;
	}

.species-card .also-known-as {
		color: var(--color-steel);
		display: block;
		font-size: var(--font-size-s);
		text-align: center;
	}

.recreational .species-card .commercial-season-status,
	.commercial .species-card .recreational-season-status {
		display: none;
	}

.split-recreational-season-status .recreational-season-status .open-closed-wrap {
			background-color: var(--color-primary);
			border-radius: var(--border-radius);
			flex-direction: column;
			position: absolute;
			top: 0.25rem;
			right: 0.25rem;
		}

.split-recreational-season-status .recreational-season-status .open-closed-wrap >* {
				position: initial;
			}

.split-recreational-season-status .recreational-season-status .season-open,
		.split-recreational-season-status .recreational-season-status .season-closed {
			color: var(--color-white);
			font-size: 0.8em;
			padding: 0.25rem;
			text-align: center;
		}

.split-recreational-season-status .recreational-season-status .season-open::before,
		.split-recreational-season-status .recreational-season-status .season-closed::before {
			height: 40px;
			width: 40px;
		}

:is(.split-recreational-season-status .recreational-season-status) .season-closed+.season-open,
		:is(.split-recreational-season-status .recreational-season-status) .season-open+.season-closed {
			border: none;
		}

.split-commercial-season-status .commercial-season-status .open-closed-wrap {
			background-color: var(--color-primary);
			border-radius: var(--border-radius);
			display: grid;
			grid-template-columns: 1fr;
			position: absolute;
			top: 0.25rem;
			right: 0.25rem;
		}

.split-commercial-season-status .commercial-season-status .open-closed-wrap >* {
				position: initial;
			}

.split-commercial-season-status .commercial-season-status .open-closed-wrap .mixed-permits {
				background-color: var(--color-primary-dark);
				color: var(--color-white);
				font-size: var(--font-size-xs);
				grid-column: 1;
				line-height: 1;
				padding: 0.5rem;
				text-align: center;
				text-transform: uppercase;
				max-width: 5rem;
			}

.split-commercial-season-status .commercial-season-status .season-open,
		.split-commercial-season-status .commercial-season-status .season-closed {
			color: var(--color-white);
			font-size: 0.8em;
			padding: 0.25rem;
			text-align: center;
		}

.split-commercial-season-status .commercial-season-status .season-open::before,
		.split-commercial-season-status .commercial-season-status .season-closed::before {
			height: 40px;
			width: 40px;
		}

:is(.split-commercial-season-status .commercial-season-status) .season-closed+.season-open,
		:is(.split-commercial-season-status .commercial-season-status) .season-open+.season-closed {
			border: none;
		}

.search .entry-title {
		word-break: break-word;
	}

.search-filters,
.project-filters {
	margin-top: 1.5rem;
	display: flex;
	gap: .5rem;
}

@media (max-width: 37.5em) {

.search-filters,
.project-filters {
		flex-direction: column;
		gap: 1.25rem;
}

		.search-filters h2, .project-filters h2 {
			margin-bottom: 0;
		}
	}

.search-filters h2, .project-filters h2 {
		margin-top: 0;
		font-size: 1.25rem;
	}

.search-filters a,
	.project-filters a,
	.search-filters span,
	.project-filters span {
		color: var(--color-navy);
		cursor: pointer;
		letter-spacing: 0.05em;
		padding: 0.5rem 1rem;
	}

.search-filters span, .project-filters span {
		cursor: initial;
		border: 1px solid var(--color-primary);
		border-radius: 0.4rem;
		border-radius: var(--border-radius);
	}

.single-post .entry-header-wrap {
		align-items: center;
		display: grid;
		gap: var(--spacing-2);
		grid-template-columns: 1fr 1fr;
		margin: 0 calc(var(--gutter) * -1) var(--spacing-4) 0;
	}

@media (max-width: 49.125em) {

.single-post .entry-header-wrap {
			grid-template-columns: 1fr;
			margin: 0;
	}
		}

.single-post .post-thumbnail {
		margin: 0;
	}

@media (max-width: 49.125em) {

.single-post .post-thumbnail {
			margin: 0 calc(var(--gutter) * -1);
			order: -1;
	}
		}

.single-post .entry-title {
		margin: var(--spacing-2) 0;
	}

@media (min-width: 60.001em) {

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

.single-post .entry-title h1 {
			margin: 0;
		}

.single-post .entry-meta {
		color: var(--color-primary);
		margin-top: var(--spacing);
	}

.single-post .post p,
		.single-post .post li,
		.single-post .post blockquote {
			max-width: 85ch;
		}

/* Single person */

.single-people .post-thumbnail {
		float: left;
		margin: 0 2rem 2rem 0;
		max-width: clamp(200px, 50%, 400px);
	}

@media (max-width: 28em) {

.single-people .post-thumbnail {
			float: none;
			margin: 2rem 0 0;
			max-height: 50vh;
	}
		}

.single-people h1 {
		clear: initial;
	}

/*--------------------------------------------------------------
  # 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;
	-webkit-text-decoration: none;
	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, 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;
	-webkit-text-decoration: none;
	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: var(--gutter);
	padding-right: var(--gutter);
	max-width: var(--max-width-global);
}

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

.alignwide {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

@media (max-width: 60em) {

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

.alignfull {
	margin-left: calc(var(--gutter) * -1);
	margin-right: calc(var(--gutter) * -1);
	width: calc(100% + (var(--gutter) * 2));
}

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

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

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

.has-small-font-size {
	font-size: var(--font-size-s) !important;
	line-height: 1.5;
}

.has-medium-font-normal {
	font-size: var(--font-size-default) !important;
	line-height: 1.6;
}

.has-medium-font-size {
	font-size: var(--font-size-m) !important;
	line-height: 1.6;
}

.has-large-font-size {
	font-size: var(--font-size-l) !important;
	line-height: 1.3;
}

.has-xl-font-size {
	font-size: var(--font-size-xl) !important;
	line-height: 1.2;
}

.has-xxl-font-size {
	font-size: var(--font-size-xxl) !important;
	line-height: 1.2;
}

.has-huge-font-size {
	font-size: var(--font-size-huge) !important;
	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: var(--spacing-2);
	padding: var(--spacing-2);
}

:root .has-primary-background-color {
		background-color: var(--color-primary);
	}

:root .has-primary-dark-background-color {
		background-color: var(--color-primary-dark);
	}

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

:root .has-navy-background-color {
		background-color: var(--color-navy);
	}

:root .has-orange-background-color {
		background-color: var(--color-orange);
	}

:root .has-lime-background-color {
		background-color: var(--color-lime);
	}

:root .has-teal-background-color {
		background-color: var(--color-teal);
	}

:root .has-steel-background-color {
		background-color: var(--color-steel);
	}

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

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

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

:root .has-primary-color {
		color: var(--color-primary);
	}

:root .has-primary-dark-color {
		color: var(--color-primary-dark);
	}

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

:root .has-navy-color {
		color: var(--color-navy);
	}

:root .has-orange-color {
		color: var(--color-orange);
	}

:root .has-lime-color {
		color: var(--color-lime);
	}

:root .has-teal-color {
		color: var(--color-teal);
	}

:root .has-steel-color {
		color: var(--color-steel);
	}

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

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

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

.has-zero-margin-top {
	margin-top: 0;
	margin-bottom: 0;
}

.has-smaller-margin-top {
	margin-top: var(--spacing-smaller);
	margin-bottom: 0;
}

.has-small-margin-top {
	margin-top: var(--spacing-small);
	margin-bottom: 0;
}

.has-medium-margin-top {
	margin-top: var(--spacing-medium);
	margin-bottom: 0;
}

.has-large-margin-top {
	margin-top: var(--spacing-large);
	margin-bottom: 0;
}

.has-larger-margin-top {
	margin-top: var(--spacing-larger);
	margin-bottom: 0;
}

/*--------------------------------------------------------------
  # Text styles
--------------------------------------------------------------*/

.is-style-topper {
	font-family: var(--font-sans);
	font-size: var(--font-size-default);
	font-weight: 400;
	letter-spacing: 0.25em;
	line-height: 1.1;
	margin: 0;
	text-transform: uppercase;
}

.site-main .has-text-align-center {
		margin-left: auto;
		margin-right: auto;
	}

/*--------------------------------------------------------------
  # General
--------------------------------------------------------------*/

.set-apart {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	margin-top: 0.5em;
}

.css-columns .wp-latest-posts {
	columns: auto 3;
}

@media (max-width: 60em) {

.css-columns .wp-latest-posts {
		columns: auto 2;
}
	}

@media (max-width: 49.125em) {

.css-columns .wp-latest-posts {
		columns: 1;
}
	}

.styled-list {
	margin-bottom: var(--spacing-2);
	padding-top: var(--spacing);
}