/*!
Theme Name: TRA
Theme URI: http://underscores.me/
Author: Studio Lift
Author URI: https://studiolift.com/
Description: A WordPress theme for TRA
Version: 1.1.6
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tra
Tags: custom
*/
:root {
	--base-size: 16px;
	--body-typeface: canada-type-gibson, sans-serif;
	--display-typeface: museo-slab, serif;
	--navy: hsl(235, 53%, 24%);
	--navy--light: hsl(232, 54%, 89%);
	--navy--dark: hsl(236, 53%, 20%);
	--pink: hsl(328, 100%, 50%);
	--pink--dark: hsl(328, 100%, 48%);
	--orange: hsl(36, 100%, 58%);
	--cyan: hsl(184, 81%, 46%);
	--light-grey: #FBFBFB;
	--mid-grey: #D9D9D9;
	--dark-grey: #292929;
	--white: #FFFFFF;
	--small-radius: 3px;
	--medium-radius: 10px;
	--large-radius: 20px;
	--extra-large-radius: 40px;
	--drop-shadow-1: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
	--drop-shadow-2: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

body {
	--wp--preset--color--vivid-cyan-blue: var(--navy);
	--wp--preset--color--pale-pink: var(--pink);
	--wp--preset--color--pale-cyan-blue: var(--cyan);
	--wp--preset--font-size--small: 0.875rem;
	--wp--preset--font-size--medium: 1.125rem;
	--wp--preset--font-size--large: 1.5rem;
	--wp--preset--font-size--x-large: 2rem;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	box-sizing: border-box;
	font-size: 100%;
	scroll-behavior: smooth;
}

body {
	font-size: var(--base-size);
	font-family: var(--body-typeface);
	line-height: 1.25;
}

::selection {
	background-color: var(--orange);
	color: var(--navy);
}

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

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

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

#back-to-top {
	display: none;
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	background-color: var(--orange);
	border: 2px solid var(--orange);
	color: var(--navy);
	padding: 0.75rem 1rem;
	border-radius: var(--medium-radius);
	text-decoration: none;
	font-weight: bold;
	transition: opacity 0.3s;
	z-index: 100;
}

#back-to-top:hover {
	background-color: var(--cyan);
}

.hidden {
	display: none;
}

.has-pale-cyan-blue-background-color {
	background-color: var(--cyan);
}

h1 {
	color: var(--navy);
	font-family: var(--display-typeface);
	margin-top: 2rem;
	font-size: 1.75rem;
}

@media (min-width: 769px) {
	h1 {
		font-size: 2.25rem;
	}
}

h1:first-child {
	margin-top: 0;
}

h2 {
	color: var(--navy);
	font-family: var(--display-typeface);
	margin-top: 2rem;
	font-size: 1.5rem;
}

@media (min-width: 769px) {
	h2 {
		font-size: 1.75rem;
	}
}

h2:first-child {
	margin-top: 0;
}

h3 {
	margin-top: 2rem;
	font-size: 1.125rem;
}

h3:first-child {
	margin-top: 0;
}

h4 {
	margin-top: 2rem;
}

h4:first-child {
	margin-top: 0;
}

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

@media (min-width: 769px) {
	p {
		font-size: 1.125rem;
	}
}

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

ul, ol {
	list-style-type: disc;
	margin-top: 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
	margin-left: 1.5rem;
}

@media (min-width: 769px) {
	ul, ol {
		font-size: 1.125rem;
	}
}

ul:first-child, ol:first-child {
	margin-top: 0;
}

ul li, ol li {
	margin-top: 0.5rem;
}

ul li::marker, ol li::marker {
	font-weight: bold;
	color: var(--pink);
}

ol {
	list-style-type: decimal;
}

dl {
	margin-top: 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
}

dl:first-child {
	margin-top: 0;
}

dl dt {
	font-weight: bold;
	margin-block-start: 0.5rem;
}

dl dt:first-child {
	margin-block-start: 0;
}

a {
	color: inherit;
}

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

h1 + *, h2 + *, h3 + *, h4 + *, h5 + * {
	margin-top: 1rem;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

sup {
	vertical-align: super;
	font-size: 0.75rem;
	margin-left: 0.25rem;
}

.has-text-align-center {
	text-align: center;
}

.has-pale-pink-color {
	color: var(--pink);
}

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

p.has-large-font-size {
	font-size: 1.5rem;
}

p.has-small-font-size {
	font-size: 0.875rem;
}

.reduce-line-length {
	max-width: 720px;
	margin-inline: auto;
}

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

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select {
	position: relative;
	z-index: 1;
	display: block;
	appearance: none;
	border: 2px solid var(--navy);
	background-color: var(--white);
	font-family: var(--body-typeface);
	font-size: 1.125rem;
	line-height: 1.25;
	padding: 0.75rem 1rem;
	color: var(--black);
	border-radius: var(--small-radius);
	width: 100%;
}

[type='color']:first-child, [type='date']:first-child, [type='datetime']:first-child, [type='datetime-local']:first-child, [type='email']:first-child, [type='month']:first-child, [type='number']:first-child, [type='password']:first-child, [type='search']:first-child, [type='tel']:first-child, [type='text']:first-child, [type='time']:first-child, [type='url']:first-child, [type='week']:first-child, input:not([type]):first-child, textarea:first-child,
select:first-child {
	margin-top: 0;
}

[type='color']:focus, [type='color']:hover, [type='date']:focus, [type='date']:hover, [type='datetime']:focus, [type='datetime']:hover, [type='datetime-local']:focus, [type='datetime-local']:hover, [type='email']:focus, [type='email']:hover, [type='month']:focus, [type='month']:hover, [type='number']:focus, [type='number']:hover, [type='password']:focus, [type='password']:hover, [type='search']:focus, [type='search']:hover, [type='tel']:focus, [type='tel']:hover, [type='text']:focus, [type='text']:hover, [type='time']:focus, [type='time']:hover, [type='url']:focus, [type='url']:hover, [type='week']:focus, [type='week']:hover, input:not([type]):focus, input:not([type]):hover, textarea:focus, textarea:hover,
select:focus,
select:hover {
	outline: none;
	border-color: var(--pink);
	z-index: 2;
}

select {
	cursor: pointer;
	background-image: url("../svg/down-arrow-navy.svg");
	background-repeat: no-repeat;
	background-position: center right 1rem;
	padding-right: 3rem;
}

button, input[type='submit'] {
	font-family: var(--body-typeface);
	font-size: 1.125rem;
	line-height: 1.25;
	color: var(--navy);
	padding: 0.75rem 3rem;
	border-radius: var(--small-radius);
	background-color: var(--orange);
	border: 2px solid var(--orange);
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
}

button:hover, button:focus, input[type='submit']:hover, input[type='submit']:focus {
	background-color: var(--white);
}

.field {
	margin-block-start: 1.5rem;
	display: grid;
	gap: 0.5rem;
}

.field label {
	font-weight: bold;
}

.field:first-child {
	margin-block-start: 0;
}

.field--checkbox {
	/* Customize the label (the container) */
	/* Hide the browser's default checkbox */
	/* Create a custom checkbox */
	/* On mouse-over, add a grey background color */
	/* When the checkbox is checked, add a blue background */
	/* Create the checkmark/indicator (hidden when not checked) */
	/* Show the checkmark when checked */
	/* Style the checkmark/indicator */
}

.field--checkbox label {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.field--checkbox label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.field--checkbox .checkbox {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}

.field--checkbox label:hover input ~ .checkbox {
	background-color: #ccc;
}

.field--checkbox label input:checked ~ .checkbox {
	background-color: var(--navy);
}

.field--checkbox .checkbox:after {
	content: "";
	position: absolute;
	display: none;
}

.field--checkbox label input:checked ~ .checkbox:after {
	display: block;
}

.field--checkbox label .checkbox:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.site_header {
	position: relative;
	background-color: var(--navy);
	padding: 1.5rem 0;
}

@media (min-width: 769px) {
	.site_header {
		padding: 2rem 0;
	}
}

.site_header svg {
	width: 100%;
}

.site_header__curve {
	position: absolute;
	z-index: 99;
	padding-top: 5.46875%;
	top: 100%;
	width: 100%;
}

.site_header__curve svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	fill: var(--navy);
}

.site_header__content {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.site_header__content .tra_logo {
	flex-shrink: 0;
	display: block;
	width: 150px;
}

.site_footer {
	background-color: var(--navy--dark);
	background-image: url("../svg/navy-halftone.svg");
	background-repeat: repeat-x;
	background-position: center -0.5rem;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
}

@media (min-width: 769px) {
	.site_footer {
		padding: 4rem;
		gap: 4rem;
	}
}

.site_footer__socials {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	gap: 1rem;
}

.site_footer__partner_logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.75rem 4rem;
	margin: 0;
}

.site_footer__navigation .menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem 1.75rem;
	margin: 0;
	list-style-type: none;
	font-size: 0.875rem;
}

.site_footer__navigation .menu-item {
	margin: 0;
}

.site_footer__navigation .menu-item a {
	color: var(--orange);
	text-decoration: none;
}

.site_footer__navigation .menu-item a:hover,
.site_footer__navigation .menu-item a:focus {
	text-decoration: underline;
}

.site_footer__small_print {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem 1.75rem;
	margin: 0;
	list-style-type: none;
	font-size: 0.75rem;
}

.site_footer__small_print li {
	margin: 0;
	color: var(--white);
}

.main_navigation {
	display: none;
}

@media (min-width: 769px) {
	.main_navigation {
		display: block;
	}
}

.main_navigation ul {
	list-style: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}

.main_navigation li {
	margin: 0;
	font-size: 1rem;
	line-height: 1.25;
}

@media (min-width: 769px) {
	.main_navigation li {
		font-size: 1.125rem;
	}
}

.main_navigation a {
	display: block;
	background-color: var(--navy);
	padding: 0.5rem 0.75rem;
	border-radius: var(--small-radius);
	font-weight: 600;
	text-decoration: none;
	color: var(--white);
}

.main_navigation a:hover,
.main_navigation a:focus {
	text-decoration: none;
	background-color: var(--white);
	color: var(--navy);
}

.main_navigation .current-menu-item a,
.main_navigation .current-menu-parent a,
.main_navigation .current-menu-ancestor a,
.main_navigation .current-page-ancestor a,
.main_navigation .current_page_parent a {
	background-color: var(--cyan);
	color: var(--navy);
	text-decoration: none;
}

.full_navigation {
	display: grid;
	gap: 1.5rem;
	background-color: var(--navy);
	position: fixed;
	z-index: 999;
	padding: 2rem;
	padding-right: 6rem;
	transition: ease 0.5s all;
	overflow: auto;
	top: 0;
	left: -400px;
	width: 100%;
	max-width: 400px;
	height: 100%;
	opacity: 0;
	z-index: -1;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}

.full_navigation::-webkit-scrollbar {
	width: 18px;
}

.full_navigation::-webkit-scrollbar-track {
	background: var(--navy--dark);
}

.full_navigation::-webkit-scrollbar-thumb {
	background: #293085;
	border: 4px solid var(--navy--dark);
	border-radius: 24px;
}

.full_navigation::-webkit-scrollbar-thumb:hover {
	background: var(--cyan);
}

.full_navigation ul {
	list-style: none;
	margin: 0;
}

.full_navigation a {
	color: var(--white);
	text-decoration: none;
}

.full_navigation a:hover,
.full_navigation a:focus {
	color: var(--cyan);
}

.full_navigation .menu {
	margin: 0;
	max-width: 300px;
}

.full_navigation .menu > .menu-item {
	font-size: 1.5rem;
	margin: 0;
}

.full_navigation .menu > .menu-item {
	margin-block: 0.75rem;
	display: block;
	background-color: var(--navy);
	border: 2px solid transparent;
	padding: 0.5rem 0.75rem;
	border-radius: var(--medium-radius);
	font-weight: 600;
	text-decoration: none;
	color: var(--white);
}

.full_navigation .menu > .menu-item:first-child {
	margin-block: 0;
}

.full_navigation .menu > .current-menu-item,
.full_navigation .menu > .current_page_parent {
	background-color: var(--navy);
	border-color: transparent;
	color: var(--orange);
}

.full_navigation .menu > .current-menu-item a,
.full_navigation .menu > .current_page_parent a {
	color: var(--white);
}

.full_navigation .menu > .current-menu-item a:hover,
.full_navigation .menu > .current-menu-item a:focus,
.full_navigation .menu > .current_page_parent a:hover,
.full_navigation .menu > .current_page_parent a:focus {
	color: var(--cyan);
}

.full_navigation .menu > .current-menu-item > a,
.full_navigation .menu > .current_page_parent > a {
	color: var(--orange);
}

.full_navigation .sub-menu {
	margin-top: 0;
}

.full_navigation .sub-menu > .menu-item {
	margin-block: 0.5rem;
	font-weight: normal;
	color: var(--navy);
}

.full_navigation .sub-menu > .current_page_item > a {
	color: var(--orange);
}

.full_navigation--on {
	left: 0;
	z-index: 999;
	opacity: 1;
	-webkit-box-shadow: 0px 0px 0px 20000px rgba(0, 0, 0, 0.85);
	-moz-box-shadow: 0px 0px 0px 20000px rgba(0, 0, 0, 0.85);
	box-shadow: 0px 0px 0px 20000px rgba(0, 0, 0, 0.85);
}

.open_nav,
.close_nav {
	position: relative;
	width: 4rem;
	height: 4rem;
	appearance: none;
	background-color: var(--orange);
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	cursor: pointer;
	padding: 0;
	border-radius: var(--small-radius) 0 0 var(--small-radius);
	flex-shrink: 0;
}

.open_nav:hover, .open_nav:focus,
.close_nav:hover,
.close_nav:focus {
	background-color: var(--cyan);
}

.open_nav span,
.close_nav span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 4px;
	width: 2rem;
	border-radius: 2px;
	background-color: var(--navy);
}

.open_nav span:before,
.close_nav span:before {
	content: '';
	position: absolute;
	top: -0.75rem;
	left: 0;
	height: 4px;
	width: 2rem;
	border-radius: 2px;
	background-color: var(--navy);
}

.open_nav span:after,
.close_nav span:after {
	content: '';
	position: absolute;
	bottom: -0.75rem;
	left: 0;
	height: 4px;
	width: 1.5rem;
	border-radius: 2px;
	background-color: var(--navy);
}

.close_nav {
	position: absolute;
	top: 2rem;
	right: 0;
	z-index: 9999;
}

.close_nav span {
	background-color: transparent;
}

.close_nav span:before {
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.close_nav span:after {
	content: '';
	top: 50%;
	left: 50%;
	width: 2rem;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.one_column_page {
	width: 100%;
	background-color: var(--white);
	padding: 1.5rem;
	padding-block: calc(5.46875% + 1.5rem);
	max-width: 720px;
	margin-inline: auto;
}

@media (min-width: 961px) {
	.one_column_page {
		padding: 3rem;
		padding-block: calc((5.46875%) + 1.5rem);
	}
}

.two_column_page {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 961px) {
	.two_column_page {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: 'main sidebar';
	}
}

.two_column_page main {
	background-color: var(--white);
	padding: 1.5rem;
	padding-block-end: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.two_column_page main {
		padding: 3rem;
		padding-block-end: calc((5.46875% * 1.5) + 3rem);
		grid-area: main;
	}
}

.two_column_page aside {
	position: relative;
	background-color: var(--cyan);
	padding: 1.5rem;
	padding-block-end: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.two_column_page aside {
		padding: 3rem;
		padding-block-end: calc((5.46875% * 3) + 3rem);
		grid-area: sidebar;
	}
}

@media (min-width: 961px) {
	.two_column_page aside:before {
		content: '';
		position: absolute;
		top: 0;
		left: -22px;
		width: 44px;
		height: 145px;
		background-color: var(--orange);
		mix-blend-mode: multiply;
	}
	.two_column_page aside:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: -22px;
		width: 44px;
		height: 100px;
		background-color: var(--pink);
		mix-blend-mode: multiply;
	}
}

.site_header + .two_column_page main {
	padding-block: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.site_header + .two_column_page main {
		padding-block: calc((5.46875% * 1.5) + 3rem);
	}
}

.site_header + .two_column_page aside {
	padding-block: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.site_header + .two_column_page aside {
		padding-block: calc((5.46875% * 3) + 3rem);
	}
}

.two_column_page__content {
	max-width: 620px;
	margin: auto;
}

.two_column_page__content--wide {
	max-width: 960px;
}

.two_column_page__sidebar {
	max-width: 620px;
	margin: auto;
}

@media (min-width: 961px) {
	.two_column_page__sidebar {
		max-width: 300px;
		margin: 0;
	}
}

.top_level_page_head {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	background-color: var(--cyan);
	padding: 4rem 1.5rem;
	padding-top: 5.46875%;
	padding-block-start: calc(5.46875% + 1.5rem);
	gap: 1.5rem;
}

@media (min-width: 961px) {
	.top_level_page_head {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: 'main sidebar';
		padding-block-start: calc(5.46875% + 4rem);
		gap: 3rem;
	}
}

.top_level_page_head__intro {
	display: flex;
}

@media (min-width: 961px) {
	.top_level_page_head__intro {
		grid-area: main;
	}
}

.top_level_page_head__intro > div {
	width: 100%;
	max-width: 620px;
	margin: auto;
}

.top_level_page_head__navigation {
	position: relative;
}

@media (min-width: 961px) {
	.top_level_page_head__navigation {
		grid-area: sidebar;
	}
}

.top_level_page_head__navigation > div {
	max-width: 620px;
	margin: auto;
}

@media (min-width: 961px) {
	.top_level_page_head__navigation > div {
		max-width: 300px;
		margin: 0;
	}
}

.top_level_page_content {
	padding-block-end: 5.46875%;
}

@media (min-width: 961px) {
	.top_level_page_content {
		padding-block-end: 5.46875%;
	}
}

.mailing_list_block {
	position: relative;
	background-color: var(--navy);
	padding: 1.5rem 0;
}

@media (min-width: 769px) {
	.mailing_list_block {
		padding: 2rem 0;
	}
}

.mailing_list_block svg {
	width: 100%;
}

.mailing_list_block__curve {
	position: absolute;
	z-index: 99;
	padding-top: 5.46875%;
	bottom: calc(100% - 1px);
	width: 100%;
}

.mailing_list_block__curve svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	fill: var(--navy);
}

.mailing_list_block__content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 1.5rem;
	gap: 1.5rem;
}

@media (min-width: 769px) {
	.mailing_list_block__content {
		padding: 2rem;
		gap: 2rem;
		flex-wrap: nowrap;
	}
}

.mailing_list_block__content > * {
	flex: 0 1 460px;
	color: var(--white);
}

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

.front_page_hero_bg {
	padding: 4rem 1.5rem;
	padding-block-start: calc(5.46875% + 1.5rem);
	background-color: var(--pink--dark);
	background-image: url("../svg/pink-halftone.svg");
	background-repeat: repeat-x;
	background-position: center bottom;
	overflow: clip;
}

@media (min-width: 721px) {
	.front_page_hero_bg {
		padding: 4rem;
	}
}

.front_page_hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: 1.5rem;
	max-width: 1080px;
	margin-inline: auto;
}

@media (min-width: 721px) {
	.front_page_hero {
		gap: 3rem;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

.front_page_hero__text {
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
	gap: 1.5rem;
}

@media (min-width: 769px) {
	.front_page_hero__text {
		padding: 2rem;
	}
}

.front_page_hero__image {
	display: none;
}

.front_page_hero__image img {
	margin: auto;
}

@media (min-width: 451px) {
	.front_page_hero__image {
		display: block;
	}
}

.post_index {
	max-width: 620px;
	margin: auto;
	padding: 1.5rem;
	padding-block: calc(5.46875% + 1.5rem);
}

@media (min-width: 769px) {
	.post_index {
		max-width: 1080px;
	}
}

.post_index .search_form form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
}

.post_index .search_form .field {
	flex: 30% 1 1;
	margin: 0;
}

.post_index__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-top: 1.5rem;
}

@media (min-width: 769px) {
	.post_index__grid {
		margin-top: 3rem;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 3rem;
		max-width: 1080px;
	}
	.post_index__grid .pagination {
		grid-column: span 3;
	}
}

@media (min-width: 769px) {
	.post_index__grid .card--large {
		grid-column: span 2;
	}
}

.post_show__header time {
	display: block;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
}

@media (min-width: 769px) {
	.post_show__header time {
		font-size: 1.125rem;
	}
}

.post_show__content {
	margin-top: 1.5rem;
}

.book_search_index {
	background-color: var(--cyan);
	padding: 4rem 1.5rem;
	padding-top: 5.46875%;
	padding-block: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.book_search_index {
		padding: 4rem;
		padding-block: calc(5.46875% + 4rem);
	}
}

.book_search_index__form form input[type='text']:focus,
.book_search_index__form form input[type='text']:hover {
	border-color: var(--navy);
}

.book_search_index__form form button:focus,
.book_search_index__form form button:hover {
	background-color: var(--cyan);
	border-color: var(--navy);
}

.book_search_index__results {
	max-width: 960px;
	margin-inline: auto;
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 721px) {
	.book_search_index__results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.book_search_index__results .book_card {
	border-color: var(--white);
	transition: ease 0.25s scale;
}

.book_search_index__results .book_card:hover {
	scale: 1.025;
	box-shadow: var(--drop-shadow-2);
}

.book_search_index__breadcrumbs {
	max-width: 960px;
	margin-inline: auto;
	margin-block-start: 4rem;
}

.book_search_index__breadcrumbs .breadcrumbs span {
	justify-content: center;
}

.book_search_index__breadcrumbs .breadcrumbs span:after {
	background-image: url("../svg/left-arrow-white.svg");
}

.book_show {
	max-width: 620px;
	margin: auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	padding: 1.5rem;
	padding-block: calc(5.46875% + 1.5rem);
	gap: 1.5rem;
}

@media (min-width: 961px) {
	.book_show {
		max-width: 820px;
		grid-template-columns: 200px minmax(0, 1fr);
		padding: 3rem;
		gap: 3rem;
		padding-block: calc(5.46875% + 3rem);
	}
}

.book_show__cover {
	grid-row: span 2;
}

.book_show__cover img {
	position: sticky;
	top: 3rem;
	box-shadow: var(--drop-shadow-2);
}

.book_show__info .book_title {
	color: var(--pink);
	text-wrap: pretty;
}

.book_show__info .authors {
	margin-block: 0.75rem;
	font-size: 1.5rem;
}

.book_show__info .description {
	font-size: 1rem;
}

.book_show__info .rating {
	margin-block: 1rem;
}

.book_show__info .book_stickers {
	margin-block-start: 1rem;
	display: flex;
	list-style-type: none;
	gap: 1rem;
	flex-wrap: wrap;
}

.book_show__info .book_stickers li {
	flex: 0 1 6rem;
}

@media (min-width: 961px) {
	.book_show__breadcrumbs {
		grid-column: span 2;
	}
}

.programme_index_grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	max-width: 620px;
	margin: auto;
	margin-top: 1.5rem;
}

@media (min-width: 641px) {
	.programme_index_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 3rem;
		max-width: 1080px;
	}
}

@media (min-width: 941px) {
	.programme_index_grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 641px) {
	.programme_index_grid__filter {
		grid-column: span 2;
	}
}

@media (min-width: 941px) {
	.programme_index_grid__filter {
		grid-column: span 3;
	}
}

.programme_hero {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: var(--cyan);
	padding: 4rem 1.5rem;
	padding-top: calc(5.46875% + 4rem);
	gap: 1.5rem;
}

@media (min-width: 961px) {
	.programme_hero {
		gap: 3rem;
	}
}

.programme_hero figure {
	max-width: 320px;
}

.programme_hero--reading-friends {
	background-color: var(--pink);
}

.programme_hero--reading-friends figure {
	max-width: 280px;
}

.programme_hero--world-book-night {
	background: linear-gradient(180deg, #023760 0%, #012851 100%);
	background: url("../png/wbn-stars-left.png"), url("../png/wbn-stars-right.png"), linear-gradient(180deg, #023760 0%, #012851 100%);
	background-repeat: no-repeat;
	background-position: bottom 30% left 10%, top 30% right 10%, center;
	padding-top: calc(5.46875%);
}

.programme_hero--world-book-night figure {
	max-width: 260px;
}

.programme_hero--reading-well {
	background-color: var(--pink);
	background: url("../png/reading-well-bg-texture.png");
	background-size: cover;
	background-attachment: fixed;
}

.programme_hero--reading-well figure {
	max-width: 260px;
}

.programme_hero--book-club-hub {
	background-color: var(--navy--dark);
}

.programme_hero--summer-reading-challenge,
.programme_hero--winter-mini-challenge {
	background-color: var(--pink);
}

@media (min-width: 851px) {
	.programme_hero--summer-reading-challenge,
	.programme_hero--winter-mini-challenge {
		padding-top: calc(5.46875%);
	}
}

.programme_hero--summer-reading-challenge figure,
.programme_hero--winter-mini-challenge figure {
	max-width: 260px;
}

.programme_hero--chatter-books {
	background-color: var(--pink);
}

.programme_hero--chatter-books figure {
	max-width: 480px;
}

.programme_hero--quick-reads figure {
	max-width: 220px;
}

.programme_hero--reading-ahead figure {
	max-width: 220px;
}

.programme_hero--reading-sparks {
	padding-block: 1rem;
	background-color: #f8a913;
}

.programme_hero--reading-sparks figure {
	max-width: 800px;
}

.programme_hero--big-sporting-read {
	padding-top: 0;
	background: #5acbc3;
	background: url("../png/big-sporting-read-bg.png"), linear-gradient(90deg, #5acbc3 25%, #ea028c 75%);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 700px, cover;
}

.programme_hero--the-big-give-2024-turning-the-page {
	background: url("../png/turning-the-page-bg-texture.png");
}

@media (min-width: 961px) {
	.programme_hero--the-big-give-2024-turning-the-page {
		padding-top: 5.46875%;
	}
}

.programme_hero--reading-families figure {
	max-width: 400px;
}

@media (min-width: 961px) {
	.programme_hero--reading-families {
		padding-top: calc(5.46875%  + 1rem);
	}
}

.programme_hero--big-tasty-read {
	background: #FFF6E3;
	background: url("../png/big-tasty-read.png"), linear-gradient(135deg, #fff6e3 0%, #ffdf88 49%, #ff832a 100%);
	background-size: cover;
}

@media (min-width: 961px) {
	.programme_hero--big-tasty-read {
		padding-top: calc(5.46875%  + 0rem);
	}
}

.programme_hero--big-tasty-read figure {
	max-width: 350px;
}

.programme_hero--road-to-reading {
	background: url("../png/road-to-reading-clouds.png"), url("../png/road-to-reading-bg.png");
	background-size: 600px, cover;
	background-repeat: no-repeat, repeat-x;
	background-position: center;
}

@media (min-width: 961px) {
	.programme_hero--road-to-reading {
		padding-top: calc(5.46875%  + 0rem);
	}
}

.programme_hero--road-to-reading figure {
	max-width: 450px;
}

.search_results {
	display: grid;
	gap: 1.5rem;
}

.booklist_hero {
	background-color: var(--pink);
	padding: 1.5rem;
	padding-block-start: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.booklist_hero {
		padding: 3rem;
		padding-block-start: calc(5.46875% + 3rem);
	}
}

.error_page {
	background-color: var(--pink);
	width: 100%;
	padding: 1.5rem;
	padding-block: calc(5.46875% + 1.5rem);
}

@media (min-width: 961px) {
	.error_page {
		padding: 4rem;
		padding-block: calc(5.46875% + 4rem);
	}
}

.error_page__content {
	max-width: 480px;
	margin-inline: auto;
	border-radius: var(--large-radius);
	padding: 1.5rem;
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
}

@media (min-width: 769px) {
	.error_page__content {
		padding: 2rem;
		border-radius: var(--extra-large-radius);
	}
}

.library_finder {
	background-color: var(--white);
	border: 3px solid var(--pink);
	padding: 2rem;
	border-radius: var(--extra-large-radius);
	margin-block-start: 1.5rem;
}

.library_finder:first-child {
	margin-block-start: 0;
}

.library_finder form {
	display: flex;
	align-items: flex-end;
	gap: 1rem;
	flex-wrap: wrap;
}

.library_finder .field {
	flex-grow: 1;
}

.library_finder__results {
	margin-block-start: 1.5rem;
}

.library_card {
	border-top: 3px solid var(--cyan);
	padding-block-start: 1.5rem;
	margin-block-start: 1.5rem;
}

.library_card:first-child {
	border-top: 0;
	padding-block-start: 0;
	margin-block-start: 0;
}

.library_card p {
	margin-block-start: 0.75rem;
}

.library_card a {
	font-weight: bold;
	color: var(--navy);
	text-decoration: none;
}

.library_card a:hover,
.library_card a:focus {
	text-decoration: underline;
}

.resources_grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1.5rem;
	margin-block-start: 1.5rem;
}

@media (min-width: 769px) {
	.resources_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.reading_friends_archive {
	max-width: 620px;
	margin: auto;
	padding: 1.5rem;
	padding-block: calc(5.46875% + 1.5rem);
}

.sub_navigation {
	background-color: var(--white);
	border-radius: var(--extra-large-radius);
	padding: 2rem;
	box-shadow: var(--drop-shadow-1);
}

.sub_navigation ul {
	list-style: none;
	margin: 0;
}

.sub_navigation a {
	color: var(--navy);
	text-decoration: none;
}

.sub_navigation a:hover,
.sub_navigation a:focus {
	color: var(--pink);
}

.sub_navigation .menu {
	margin: 0;
}

.sub_navigation .menu > .menu-item {
	margin: 0;
}

.sub_navigation .menu > .menu-item {
	margin-block: 0.75rem;
	display: block;
	border: 2px solid var(--navy--light);
	padding: 0.5rem 0.75rem;
	border-radius: var(--medium-radius);
	font-weight: 600;
	text-decoration: none;
}

.sub_navigation .menu > .menu-item:first-child {
	margin-block: 0;
}

.sub_navigation .menu > .current-menu-item,
.sub_navigation .menu > .current_page_parent {
	background-color: var(--navy);
	border-color: var(--navy);
	color: var(--orange);
}

.sub_navigation .menu > .current-menu-item a,
.sub_navigation .menu > .current_page_parent a {
	color: var(--white);
}

.sub_navigation .menu > .current-menu-item a:hover,
.sub_navigation .menu > .current-menu-item a:focus,
.sub_navigation .menu > .current_page_parent a:hover,
.sub_navigation .menu > .current_page_parent a:focus {
	color: var(--cyan);
}

.sub_navigation .menu > .current-menu-item > a,
.sub_navigation .menu > .current_page_parent > a {
	color: var(--orange);
}

.sub_navigation .sub-menu {
	margin-top: 0;
}

.sub_navigation .sub-menu > .menu-item {
	margin-block: 0.5rem;
	font-weight: normal;
	color: var(--navy);
}

.sub_navigation .sub-menu > .current_page_item > a,
.sub_navigation .sub-menu > .current-menu-item > a {
	color: var(--orange);
}

.sub_navigation .menu > .hidden {
	display: none;
}

.sub_navigation button {
	width: 100%;
	background-color: transparent;
	border: 0;
}

.sub_navigation button:before {
	content: '+';
}

.breadcrumbs {
	margin-block: 1.5rem;
}

.breadcrumbs span {
	font-size: 1rem;
	display: block;
}

.breadcrumbs > span {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
}

.breadcrumbs span:last-child:after {
	content: none;
}

.breadcrumbs span {
	position: relative;
}

.breadcrumbs span:after {
	content: '';
	position: absolute;
	background-image: url("../svg/left-arrow-navy.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: -1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.875rem;
	height: 1rem;
}

.breadcrumbs a {
	font-weight: bold;
	text-decoration: none;
	color: var(--navy);
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
	text-decoration: underline;
}

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

.card_container .card {
	width: 100%;
	height: 100%;
}

.card {
	display: grid;
	align-content: start;
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
	gap: 1.5rem;
}

@media (min-width: 401px) {
	.card {
		grid-template-columns: 100px 1fr;
	}
}

.card__image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--large-radius);
}

@media (min-width: 401px) {
	.card__image img {
		aspect-ratio: 1 / 1;
	}
}

.card__text time {
	font-size: 0.875rem;
	font-weight: bold;
}

.card__text time .featured {
	background-color: var(--orange);
	color: var(--navy);
	padding: 0.25rem 0.5rem;
	border-radius: var(--small-radius);
	margin-right: 0.5rem;
}

.card__text h1, .card__text h2, .card__text h3, .card__text h4 {
	font-size: 1.25rem;
	margin-top: 0.75rem;
	color: var(--navy);
}

.card__text p, .card__text ul {
	font-size: 1rem;
	margin-top: 0.75rem;
	overflow-wrap: anywhere;
}

.card__text ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	gap: 0.5rem;
}

.card__text li {
	margin: 0;
}

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

.card__text a:hover,
.card__text a:focus {
	text-decoration: underline;
}

.card__text :first-child {
	margin-top: 0;
}

@container card_container (max-width: 400px) {
	.card {
		grid-template-columns: 1fr;
	}
	.card__image img {
		aspect-ratio: 16 / 9;
		object-fit: cover;
		border-radius: var(--large-radius);
	}
}

.card--large {
	grid-template-columns: 1fr;
}

.card--large .card__image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--large-radius);
}

.card--outline {
	border: 3px solid var(--pink);
}

.stat_card_container {
	container-type: inline-size;
	container-name: card_container;
}

.stat_card {
	background-color: var(--cyan);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
	aspect-ratio: 1 / 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	height: 100%;
	width: 100%;
}

@media (min-width: 769px) {
	.stat_card {
		padding: 2rem;
	}
}

.stat_card__text {
	color: var(--navy);
	text-align: center;
}

.stat_card__text :first-child {
	margin-top: 0;
}

.stat_card__text h1, .stat_card__text h2, .stat_card__text h3, .stat_card__text h4 {
	font-size: 1.25rem;
	margin-top: 0.75rem;
	color: var(--navy);
}

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

.stat_card__text a:hover,
.stat_card__text a:focus {
	text-decoration: underline;
}

@container card_container (max-width: 300px) {
	.stat_card {
		padding: 1rem;
		gap: 1rem;
	}
	.stat_card__text p {
		font-size: 1rem;
		margin-top: 0.75rem;
		color: var(--navy);
	}
}

.book_card {
	display: grid;
	align-content: start;
	background-color: var(--white);
	border: 2px solid var(--pink);
	border-radius: var(--large-radius);
	padding: 1.5rem;
	gap: 1.5rem;
	grid-template-columns: 25% 1fr;
	height: 100%;
}

@media (min-width: 769px) {
	.book_card {
		padding: 2rem;
		gap: 2rem;
		border-radius: var(--extra-large-radius);
	}
}

.book_card__cover {
	flex: 100px 1 1;
}

.book_card__text h3 {
	font-family: var(--display-typeface);
	font-size: 1.25rem;
	color: var(--navy);
}

@media (min-width: 1401px) {
	.book_card__text h3 {
		font-size: 1.75rem;
	}
}

.book_card__text a {
	text-decoration: none;
}

.book_card__text a:hover,
.book_card__text a:focus {
	text-decoration: underline;
}

.book_card__text p {
	font-weight: bold;
	font-size: 1rem;
}

@media (min-width: 1401px) {
	.book_card__text p {
		font-size: 1.25rem;
	}
}

.book_card__text .rating {
	margin-top: 1rem;
}

.review_card {
	border: 2px solid var(--pink);
	border-radius: var(--large-radius);
	padding: 2rem;
	margin-block-start: 1.5rem;
}

.review_card__body p {
	font-size: 1rem;
}

.review_card__meta {
	margin-block-start: 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.review_card__meta time {
	font-size: 0.875rem;
	font-weight: bold;
}

.icon {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 3rem;
	height: 3rem;
	border-radius: var(--medium-radius);
	background-color: var(--pink);
	background-repeat: no-repeat;
	background-position: center;
	transition: ease 0.5s all;
}

.icon:hover, .icon:focus {
	background-color: var(--cyan);
}

.icon--twitter {
	background-image: url("../svg/twitter.svg");
}

.icon--facebook {
	background-image: url("../svg/facebook.svg");
}

.icon--instagram {
	background-image: url("../svg/instagram.svg");
}

.icon--youtube {
	background-image: url("../svg/youtube.svg");
}

.icon--tiktok {
	background-image: url("../svg/tiktok.svg");
}

.icon--linkedin {
	background-image: url("../svg/linkedin.svg");
}

.latest_posts_grid {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 90%;
	max-width: 1080px;
	gap: 1.5rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline mandatory;
	scroll-padding-inline: 1rem;
	padding: 1.5rem;
	margin: -1.5rem;
	margin-top: 0;
}

@media (min-width: 769px) {
	.latest_posts_grid {
		gap: 3rem;
		grid-template-columns: 1fr 1fr;
		grid-auto-flow: initial;
		grid-auto-columns: auto;
		padding: 0;
		margin-inline: auto;
		margin-block: 1.5rem;
		overflow-x: visible;
	}
	.latest_posts_grid:before {
		content: '';
		background-image: url("../svg/radius-top-left-pink.svg");
		width: 50px;
		height: 50px;
		position: absolute;
		top: -0.75rem;
		left: -0.75rem;
	}
	.latest_posts_grid:after {
		content: '';
		background-image: url("../svg/radius-bottom-right-cyan.svg");
		width: 50px;
		height: 50px;
		position: absolute;
		bottom: -0.75rem;
		right: -0.75rem;
	}
}

.latest_posts_grid > * {
	scroll-snap-align: center;
}

.latest_posts_grid--1 {
	grid-auto-columns: auto;
}

@media (min-width: 769px) {
	.latest_posts_grid--1 {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 769px) {
	.latest_posts_grid--3 {
		grid-template-columns: 1fr 1fr;
	}
	.latest_posts_grid--3 > :first-child {
		grid-row: span 2;
	}
	.latest_posts_grid--3 > :first-child .card {
		grid-template-columns: 1fr;
	}
	.latest_posts_grid--3 > :first-child .card__image img {
		aspect-ratio: 16 / 9;
		object-fit: cover;
		border-radius: var(--large-radius);
	}
}

.stats_grid {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 90%;
	max-width: 1080px;
	gap: 1.5rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline mandatory;
	scroll-padding-inline: 1rem;
	padding: 1.5rem;
	margin: -1.5rem;
	margin-top: 0;
}

@media (min-width: 769px) {
	.stats_grid {
		grid-template-columns: 1fr 1fr;
		grid-auto-flow: initial;
		grid-auto-columns: auto;
		padding: 0;
		margin-inline: auto;
		margin-block: 1.5rem;
		overflow-x: visible;
	}
	.stats_grid:before {
		content: '';
		background-image: url("../svg/radius-top-left-pink.svg");
		width: 50px;
		height: 50px;
		position: absolute;
		top: -0.75rem;
		left: -0.75rem;
	}
	.stats_grid:after {
		content: '';
		background-image: url("../svg/radius-bottom-right-cyan.svg");
		width: 50px;
		height: 50px;
		position: absolute;
		bottom: -0.75rem;
		right: -0.75rem;
	}
}

.stats_grid > * {
	scroll-snap-align: center;
}

@media (min-width: 769px) {
	.stats_grid--3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width: 769px) {
	.stats_grid--6 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.booklist_container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-block: 1.5rem;
}

.booklist {
	margin: auto;
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline mandatory;
	scroll-padding-inline: 1rem;
	padding: 1.5rem;
	margin: -1.5rem;
}

.booklist > * {
	scroll-snap-align: center;
}

.booklist__item {
	--max-height: 160px;
	height: var(--max-height);
	flex: 0 0 auto;
}

.booklist__item img {
	height: var(--max-height);
	box-shadow: var(--drop-shadow-2);
	transition: ease 0.25s all;
	width: auto;
}

@media (min-width: 961px) {
	.booklist__item {
		--max-height: 200px;
	}
}

@media (min-width: 1201px) {
	.booklist__item {
		--max-height: 260px;
	}
}

.booklist__item a:hover img {
	transform: scale(1.05);
}

.event_index {
	display: grid;
	gap: 1.5rem;
	margin-block-start: 1.5rem;
}

@media (min-width: 769px) {
	.event_index {
		grid-template-columns: 1fr 1fr;
	}
	.event_index .pagination {
		grid-column: span 2;
	}
}

.rating {
	display: flex;
	gap: 1rem;
	align-items: center;
	flex-wrap: wrap;
}

.rating a {
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}

.rating__stars {
	display: flex;
	gap: 0.25rem;
}

.rating__stars svg {
	fill: var(--mid-grey);
}

.rating__stars--1 svg:nth-child(-n+1) {
	fill: var(--orange);
}

.rating__stars--2 svg:nth-child(-n+2) {
	fill: var(--orange);
}

.rating__stars--3 svg:nth-child(-n+3) {
	fill: var(--orange);
}

.rating__stars--4 svg:nth-child(-n+4) {
	fill: var(--orange);
}

.rating__stars--5 svg:nth-child(-n+5) {
	fill: var(--orange);
}

.pagination .nav-links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.pagination span, .pagination a {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--navy);
	padding: 0.5rem 0.75rem;
	border-radius: var(--small-radius);
	background-color: var(--mid-grey);
	border: 2px solid var(--mid-grey);
	display: inline-block;
	font-weight: bold;
}

.pagination a {
	text-decoration: none;
	background-color: var(--orange);
	border: 2px solid var(--orange);
}

.pagination a:hover, .pagination a:focus {
	background-color: var(--white);
}

.pagination .page-numbers.dots {
	background-color: transparent;
	border-color: transparent;
}

.resources_pagination {
	margin-block-start: 1.5rem;
}

.resources_pagination .pagination {
	margin: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.resources_pagination .pagination li {
	margin: 0;
}

.resources_pagination .pagination .active a {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--navy);
	padding: 0.5rem 0.75rem;
	border-radius: var(--small-radius);
	background-color: var(--mid-grey);
	border: 2px solid var(--mid-grey);
	display: inline-block;
	font-weight: bold;
}

.related_programmes {
	margin-block-start: 3rem;
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
}

@media (min-width: 401px) {
	.related_programmes {
		padding: 2rem;
	}
}

.related_programmes:first-child {
	margin-block-start: 0;
}

.related_programmes__title {
	color: var(--pink);
}

.related_programmes__list {
	list-style-type: none;
	margin-left: 0;
}

.related_programmes__list li {
	margin-block-start: 1.5rem;
}

.related_programmes__list img {
	border-radius: var(--medium-radius);
	overflow: clip;
}

.related_programmes__list h3 {
	color: var(--navy);
	margin-block-start: 0.75rem;
}

.related_programmes__list p {
	font-size: 1rem;
	margin-block-start: 0.75rem;
}

.related_programmes__list .wp-block-buttons {
	margin-block-start: 0.75rem;
}

.search_form {
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
}

@media (min-width: 401px) {
	.search_form {
		padding: 2rem;
	}
}

.search_form_mini {
	display: flex;
	margin-block: 1.5rem;
}

.search_form_mini:first-child {
	margin-block: 0;
}

.search_form_mini input[type='text'] {
	border-color: var(--orange);
	border-right: 0;
	border-radius: var(--medium-radius) 0 0 var(--medium-radius);
}

.search_form_mini input[type='text']:focus,
.search_form_mini input[type='text']:hover {
	border-color: var(--cyan);
}

.search_form_mini button {
	width: 3.5rem;
	height: 3.5rem;
	flex: 3.5rem 0 0;
	padding: 0;
	aspect-ratio: 1 / 1;
	border-radius: 0 var(--medium-radius) var(--medium-radius) 0;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url("../svg/search.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.search_form_mini button:focus,
.search_form_mini button:hover {
	background-color: var(--cyan);
	border-color: var(--cyan);
}

.tax_list {
	margin-block-start: 1.5rem;
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
}

@media (min-width: 401px) {
	.tax_list {
		padding: 2rem;
		margin-block-start: 3rem;
	}
}

.tax_list:first-child {
	margin-block-start: 0;
}

.tax_list ul {
	font-size: 1rem;
	list-style-type: none;
	margin-left: 0;
}

.tax_list a {
	text-decoration: none;
}

.tax_list a:hover,
.tax_list a:focus {
	text-decoration: underline;
}

.generic_filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
}

.generic_filter .field {
	margin: 0;
	flex: 160px 1 1;
}

.resource_filter {
	margin-block-start: 1.5rem;
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--extra-large-radius);
	padding: 1.5rem;
}

@media (min-width: 401px) {
	.resource_filter {
		padding: 2rem;
		margin-block-start: 3rem;
	}
}

.resource_filter:first-child {
	margin-block-start: 0;
}

.resource_filter ul {
	font-size: 1rem;
	list-style-type: none;
	margin-left: 0;
}

.resource_filter ul li a {
	display: block;
	position: relative;
	padding-left: 2rem;
}

.resource_filter ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: var(--white);
	border: 1px solid var(--pink);
	border-radius: var(--small-radius);
	background-size: cover;
	background-repeat: no-repeat;
}

.resource_filter ul li a:hover:before,
.resource_filter ul li a:focus:before {
	background-image: url("../svg/tick-pink.svg");
}

.resource_filter .active li a {
	opacity: 0.5;
}

.resource_filter ul .active a {
	font-weight: bold;
	opacity: 1;
}

.resource_filter ul .active a:before {
	background-color: var(--pink);
	background-image: url("../svg/tick-white.svg");
}

.resource_filter ul .active a:hover,
.resource_filter ul .active a:focus {
	font-weight: bold;
	opacity: 1;
}

.resource_filter ul .active a:hover:before,
.resource_filter ul .active a:focus:before {
	background-color: var(--white);
	background-image: url("../svg/cross-pink.svg");
}

.resource_filter a {
	text-decoration: none;
}

.resource_filter a:hover,
.resource_filter a:focus {
	text-decoration: underline;
}

.resource_filter__reset {
	font-size: 1rem;
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	align-items: center;
	margin-block-start: 2rem;
}

.resource_filter__reset svg {
	fill: var(--pink);
	transition: ease 0.5s all;
}

.resource_filter__reset:hover svg,
.resource_filter__reset:focus svg {
	transform: rotate(-360deg);
}

.resource_filter__options {
	margin-block-start: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.resource_filter__options #programme {
	order: 1;
}

.resource_filter__options #friends,
.resource_filter__options #rw, .resource_filter__options #sparks {
	order: 2;
}

.resource_filter__options #category,
.resource_filter__options #audience,
.resource_filter__options #specialist,
.resource_filter__options #age_range,
.resource_filter__options #topic {
	order: 3;
}

.booklist_filter {
	max-width: 1080px;
	margin-inline: auto;
}

.booklist_filter .field {
	margin: 0;
	flex: 200px 1 1;
}

.reading_friends_map {
	margin-block-start: 1.5rem;
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: clip;
	border-radius: var(--medium-radius);
}

.reading_friends_map:first-child {
	margin-block-start: 0;
}

.reading_friends_map__search {
	position: absolute;
	top: 1rem;
	left: 1rem;
	max-width: calc(100% - 2rem);
	z-index: 2;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
	border-radius: var(--medium-radius);
}

.reading_friends_map__map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.reading_friends_map__map .gm-style-iw {
	background-color: var(--navy) !important;
	border-radius: 2px !important;
	padding: 1rem 3rem 1rem 1rem !important;
	max-width: 200px !important;
}

.reading_friends_map__map .gm-style-iw-d {
	overflow: hidden !important;
	font-size: 1.125rem;
	font-family: var(--body-typeface);
	font-weight: bold;
	color: var(--white);
}

.reading_friends_map__map .gm-style-iw-d a {
	text-decoration: none;
}

.reading_friends_map__map .gm-style-iw-d a:hover {
	text-decoration: underline;
}

.reading_friends_map__map .gm-ui-hover-effect {
	background-color: var(--white) !important;
	opacity: 1;
	right: 0.5rem !important;
	top: 0.5rem !important;
}

.reading_friends_map__map .gm-style-iw-t::after {
	background: linear-gradient(45deg, #0088d2 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%) !important;
	height: 10px !important;
	width: 10px !important;
}

.reading_friends_map__map .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .reading_friends_map__map .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {
	background-color: transparent !important;
}

.reading_friends_map__map .gm-style .gm-style-iw-tc::after {
	background: var(--navy);
}

.passport_profile {
	margin-block: 1.5rem;
	border: 3px solid var(--pink);
	border-radius: var(--large-radius);
	padding: 2rem;
}

.passport_profile__username {
	font-size: 1.5rem;
}

.passport_profile__username small {
	display: block;
	font-size: 0.875rem;
	font-family: var(--body-typeface);
	color: var(--dark-grey);
}

.publisher_event_meta {
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--large-radius);
	padding: 1.5rem;
	margin-block-start: 1.5rem;
}

.publisher_event_meta:first-child {
	margin-inline-start: 0;
}

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

.promo_bg:has(> .promo_banner) {
	padding-block-end: 0;
}

.promo_banner {
	background-color: var(--white);
	padding: 1rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 2rem;
	gap: 1rem;
	justify-content: space-between;
}

@media (min-width: 769px) {
	.promo_banner {
		padding: 1.5rem;
		gap: 1.5rem;
	}
}

.promo_banner__dismiss {
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	width: 2rem;
	height: 2rem;
	padding: 0;
	background-color: transparent;
	border: 2px solid transparent;
}

.promo_banner__dismiss:hover, .promo_banner__dismiss:focus {
	background-color: transparent;
	border: 2px solid var(--orange);
}

.promo_banner__dismiss:before, .promo_banner__dismiss:after {
	content: '';
	position: absolute;
	width: 80%;
	height: 0.125rem;
	background-color: var(--navy);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.promo_banner__dismiss:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.wp-block-quote,
.wp-block-pullquote {
	margin-block: 1.5rem;
	border: 3px solid var(--pink);
	border-radius: var(--extra-large-radius);
	padding: 2rem;
	background-image: url("../svg/quote.svg");
	background-repeat: no-repeat;
	background-position: 2rem 2rem;
	padding-left: 9rem;
	min-height: 9rem;
	background-size: 5rem;
}

@media (min-width: 769px) {
	.wp-block-quote,
	.wp-block-pullquote {
		background-size: 6rem;
		padding-left: 10rem;
	}
}

.wp-block-quote:first-child,
.wp-block-pullquote:first-child {
	margin-top: 0;
}

.wp-block-quote:last-child,
.wp-block-pullquote:last-child {
	margin-bottom: 0;
}

.wp-block-quote p,
.wp-block-quote .has-medium-font-size,
.wp-block-quote .has-large-font-size,
.wp-block-quote .has-x-large-font-size,
.wp-block-pullquote p,
.wp-block-pullquote .has-medium-font-size,
.wp-block-pullquote .has-large-font-size,
.wp-block-pullquote .has-x-large-font-size {
	font-size: 1.25rem;
}

@media (min-width: 769px) {
	.wp-block-quote .has-large-font-size,
	.wp-block-quote .has-x-large-font-size,
	.wp-block-pullquote .has-large-font-size,
	.wp-block-pullquote .has-x-large-font-size {
		font-size: 2rem;
	}
}

.wp-block-quote cite,
.wp-block-pullquote cite {
	display: block;
	font-weight: 600;
	margin-top: 0.75rem;
}

.wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.5rem;
}

.wp-block-buttons:first-child {
	margin-top: 0;
}

.wp-block-button__link {
	font-size: 1.125rem;
	line-height: 1.25;
	color: var(--navy);
	padding: 0.75rem 3rem;
	border-radius: var(--small-radius);
	background-color: var(--orange);
	border: 2px solid var(--orange);
	display: inline-block;
	font-weight: bold;
}

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

.has-small-font-size .wp-block-button__link {
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: var(--navy);
	border: 2px solid var(--navy);
	color: var(--white);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: var(--white);
	color: var(--navy);
}

.wp-block-buttons.is-content-justification-center {
	justify-content: center;
}

.wp-block-image {
	position: relative;
	margin-top: 1.5rem;
}

.wp-block-image:first-child {
	margin-top: 0;
}

.wp-block-image figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.75);
	color: var(--white);
	width: 100%;
	padding: 0.75rem;
	font-size: 0.875rem;
	font-weight: bold;
}

.wp-block-image.is-style-rounded img {
	border-radius: var(--large-radius);
}

.wp-block-columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	max-width: 620px;
	margin: auto;
	margin-top: 1.5rem;
}

@media (min-width: 769px) {
	.wp-block-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 3rem;
		max-width: 1080px;
	}
}

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

.wp-block-columns.are-vertically-aligned-center {
	align-items: center;
}

@media (min-width: 769px) {
	.wp-block-columns.three {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 401px) {
	.wp-block-columns.four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 769px) {
	.wp-block-columns.four {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 769px) {
	.wp-block-columns.small-large {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}
}

@media (min-width: 769px) {
	.wp-block-columns.large-small {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}
}

.wp-block-group {
	margin-block: 4rem;
	padding: 0 1.5rem;
}

@media (min-width: 769px) {
	.wp-block-group {
		padding: 0 4rem;
	}
}

.wp-block-group.has-vivid-cyan-blue-background-color,
.wp-block-group.has-pale-cyan-blue-background-color {
	padding-block: 4rem;
	position: relative;
	background-color: var(--navy);
}

.wp-block-group.has-vivid-cyan-blue-background-color:before,
.wp-block-group.has-pale-cyan-blue-background-color:before {
	content: '';
	position: absolute;
	top: -11px;
	left: 0;
	width: 120px;
	height: 22px;
	background-color: var(--orange);
	mix-blend-mode: multiply;
	z-index: 1;
}

.wp-block-group.has-vivid-cyan-blue-background-color:after,
.wp-block-group.has-pale-cyan-blue-background-color:after {
	content: '';
	position: absolute;
	bottom: -11px;
	right: 0;
	width: 50px;
	height: 22px;
	background-color: var(--pink);
	mix-blend-mode: multiply;
	z-index: 1;
}

@media (min-width: 769px) {
	.wp-block-group.has-vivid-cyan-blue-background-color:before,
	.wp-block-group.has-pale-cyan-blue-background-color:before {
		top: -22px;
		width: 240px;
		height: 44px;
	}
	.wp-block-group.has-vivid-cyan-blue-background-color:after,
	.wp-block-group.has-pale-cyan-blue-background-color:after {
		bottom: -22px;
		width: 100px;
		height: 44px;
	}
}

.wp-block-group.has-vivid-cyan-blue-background-color:first-child,
.wp-block-group.has-pale-cyan-blue-background-color:first-child {
	margin-block-start: 0;
}

.wp-block-group.has-pale-cyan-blue-background-color {
	position: relative;
	background-color: var(--cyan);
}

@media (prefers-reduced-motion: no-preference) and (min-width: 769px) {
	.wp-block-group.has-vivid-cyan-blue-background-color:before,
	.wp-block-group.has-pale-cyan-blue-background-color:before {
		animation: left-to-right linear forwards;
		animation-timeline: view();
		animation-range: cover 150px;
	}
	.wp-block-group.has-vivid-cyan-blue-background-color:after,
	.wp-block-group.has-pale-cyan-blue-background-color:after {
		animation: right-to-left linear forwards;
		animation-timeline: view();
		animation-range: cover 0;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.wp-block-group__inner-container {
		opacity: 0;
		scale: .9;
		animation: fade-in linear forwards;
		animation-timeline: view();
		animation-range: entry;
	}
	@keyframes fade-in {
		from {
			scale: .9;
			opacity: 0;
		}
		to {
			scale: 1;
			opacity: 1;
		}
	}
	@keyframes left-to-right {
		from {
			left: 0;
		}
		to {
			left: calc(100% - 240px);
		}
	}
	@keyframes right-to-left {
		from {
			right: 0;
		}
		to {
			right: calc(100% - 100px);
		}
	}
}

.wp-block-separator {
	position: relative;
	border: 0 !important;
	height: 24px;
	max-width: 1080px;
	margin: auto;
	margin-block: 1.5rem;
	background-image: url("../svg/hr-bg.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 769px) {
	.wp-block-separator {
		margin-block: 4rem;
	}
}

.wp-block-separator:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 281px;
	height: 14px;
	background-color: var(--pink);
	mix-blend-mode: multiply;
}

.wp-block-separator:after {
	content: '';
	position: absolute;
	top: 0;
	left: 211px;
	width: 202px;
	height: 19px;
	background-color: var(--cyan);
	mix-blend-mode: multiply;
}

.wp-block-embed {
	margin-top: 1.5rem;
}

.wp-block-embed:first-child {
	margin-top: 0;
}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	position: relative;
	aspect-ratio: 16 / 9;
}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-block-media-text {
	display: grid;
	gap: 1rem;
	margin-block-start: 1.5rem;
	border: 3px solid var(--pink);
	border-radius: var(--large-radius);
	padding: 1rem;
}

@media (min-width: 769px) {
	.wp-block-media-text {
		gap: 1.5rem;
		padding: 2rem;
		border-radius: var(--extra-large-radius);
	}
}

.wp-block-media-text:first-child {
	margin-block-start: 0;
}

.wp-block-media-text.is-vertically-aligned-center {
	align-items: center;
}

.wp-block-media-text.is-vertically-aligned-bottom {
	align-items: end;
}

.wp-block-media-text.has-vivid-cyan-blue-background-color {
	background-color: var(--navy);
	border: 3px solid var(--navy);
}

.wp-block-media-text.has-pale-cyan-blue-background-color {
	background-color: var(--cyan);
	border: 3px solid var(--cyan);
}

@media (max-width: 767px) {
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 1fr !important;
	}
}

.wp-block-media-text.is-image-fill figure img {
	opacity: 0;
}

.wp-block-latest-posts__list {
	list-style-type: none;
	margin: 0;
	margin-block: 1.5rem;
	margin-inline: auto;
	max-width: 1200px;
	gap: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.wp-block-latest-posts__list li {
	flex: 250px 1 1;
	margin: 0;
	background-color: var(--white);
	box-shadow: var(--drop-shadow-1);
	border-radius: var(--large-radius);
	padding: 1.5rem;
}

@media (min-width: 769px) {
	.wp-block-latest-posts__list li {
		flex: 250px 0 1;
		padding: 2rem;
		border-radius: var(--extra-large-radius);
	}
}

.wp-block-latest-posts__list.is-grid.columns-4 {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 401px) {
	.wp-block-latest-posts__list.is-grid.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 769px) {
	.wp-block-latest-posts__list.is-grid.columns-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.wp-block-latest-posts__featured-image {
	overflow: hidden;
	border-radius: var(--medium-radius);
}

@media (min-width: 769px) {
	.wp-block-latest-posts__featured-image {
		border-radius: var(--large-radius);
	}
}

.wp-block-latest-posts__featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-latest-posts__featured-image a:hover img {
	transition: ease 0.5s transform;
	transform: scale(1.1);
}

.wp-block-latest-posts__post-title {
	display: block;
	margin-block-start: 1rem;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.25;
	font-size: 1rem;
	color: var(--navy);
}

@media (min-width: 769px) {
	.wp-block-latest-posts__post-title {
		font-size: 1.125rem;
	}
}

.wp-block-latest-posts__post-title:hover, .wp-block-latest-posts__post-title:focus {
	text-decoration: underline;
}

.wp-block-latest-posts__post-date {
	display: block;
	font-weight: bold;
	font-size: 0.875rem;
	margin-block-start: 0.75rem;
}

@media (min-width: 769px) {
	.wp-block-latest-posts__post-date {
		font-size: 1rem;
	}
}

.wp-block-latest-posts__post-excerpt {
	font-size: 0.875rem;
	margin-block-start: 0.75rem;
}

@media (min-width: 769px) {
	.wp-block-latest-posts__post-excerpt {
		font-size: 1rem;
	}
}

.wp-block-details {
	margin-block: 1.5rem;
	border: 3px solid var(--pink);
	border-radius: var(--large-radius);
	padding: 1rem;
}

@media (min-width: 769px) {
	.wp-block-details {
		padding: 2rem;
		border-radius: var(--extra-large-radius);
	}
}

.wp-block-details summary {
	cursor: pointer;
	color: var(--navy);
	font-family: var(--display-typeface);
	font-size: 1.5rem;
}

@media (min-width: 769px) {
	.wp-block-details summary {
		font-size: 1.75rem;
	}
}

.wp-block-social-links {
	list-style-type: none;
	margin: 0;
	margin-top: 1.5rem;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.wp-social-link {
	margin: 0;
}

.wp-block-social-link-anchor {
	display: block;
	padding: calc(0.5rem - 2px);
	border-radius: var(--small-radius);
	background-color: var(--orange);
	border: 2px solid var(--orange);
}

.wp-block-social-link-anchor svg {
	fill: var(--navy);
}

.wp-block-social-link-anchor:hover, .wp-block-social-link-anchor:focus {
	background-color: var(--white);
}

nav.wp-block-navigation.is-vertical {
	background-color: var(--white);
	border-radius: var(--extra-large-radius);
	padding: 2rem;
	box-shadow: var(--drop-shadow-1);
}

nav.wp-block-navigation.is-vertical ul {
	list-style-type: none;
	margin: 0;
}

.wp-block-navigation__container {
	list-style-type: none;
	margin: 0;
}

.wp-block-navigation__submenu-container {
	display: none;
}

.wp-block-navigation-item {
	margin-block: 0.75rem;
	display: block;
	border: 2px solid var(--navy--light);
	padding: 0.5rem 0.75rem;
	border-radius: var(--medium-radius);
	font-weight: 600;
	text-decoration: none;
}

.wp-block-navigation-item a {
	display: block;
	color: var(--navy);
	text-decoration: none;
}

.wp-block-navigation-item a:hover,
.wp-block-navigation-item a:focus {
	color: var(--pink);
}

.wp-block-navigation-item.current-menu-item {
	background-color: var(--navy);
	border-color: var(--navy);
	color: var(--orange);
}

.wp-block-navigation-item.current-menu-item a {
	color: var(--white);
}

.wp-block-navigation-item.current-menu-item a:hover,
.wp-block-navigation-item.current-menu-item a:focus {
	color: var(--cyan);
}

.wp-block-navigation-item.current-menu-item a {
	color: var(--orange);
}

.nf-form-layout .nf-form-content {
	padding: 0;
}

.nf-form-layout .nf-form-content button,
.nf-form-layout .nf-form-content input[type=button],
.nf-form-layout .nf-form-content input[type=submit] {
	font-family: var(--body-typeface);
	font-size: 1.125rem;
	line-height: 1.25;
	color: var(--navy);
	padding: 0.75rem 3rem;
	border-radius: var(--small-radius);
	background-color: var(--orange);
	border: 2px solid var(--orange);
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
}

.nf-form-layout .nf-form-content button:hover, .nf-form-layout .nf-form-content button:focus,
.nf-form-layout .nf-form-content input[type=button]:hover,
.nf-form-layout .nf-form-content input[type=button]:focus,
.nf-form-layout .nf-form-content input[type=submit]:hover,
.nf-form-layout .nf-form-content input[type=submit]:focus {
	background-color: var(--white);
	color: var(--navy);
}

/*# sourceMappingURL=style.css.map */