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

/*
 * Available block selectors:
 * .wp-block-image
 * .wp-block-media-text
 * .wp-block-gallery
 * .wp-block-audio
 * .wp-block-video
 * .wp-block-quote
 * .wp-block-cover
 * .wp-block-file
 * .wp-block-button
 * .wp-block-gallery
 * .wp-block-table
 * .wp-block-embed
 * .wp-block-audio
 * .wp-block-pullquote
 * .wp-block-preformatted
 * .wp-block-code
 * .wp-block-verse
 * .wp-block-table
 * .wp-block-separator
 * .wp-block-columns
 * .wp-block-column
 * .wp-block-latest-posts
 * .wp-block-categories
 * .wp-block-archives
 */

/*--------------------------------------------------------------
# Paragraph Block
--------------------------------------------------------------*/

.entry-content .wp-block-paragraph {
	line-height: var(--global-font-line-height);
}

.entry-content .has-drop-cap:not(:focus)::first-letter {
	font-size: 3.375em;
	font-weight: 700;
	line-height: 0.68;
	float: left;
	margin: 0.05em 0.1em 0 0;
	text-transform: uppercase;
	color: var(--color-h1);
}

/*--------------------------------------------------------------
# Heading Block
--------------------------------------------------------------*/

.entry-content .wp-block-heading {
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}

.entry-content h1.wp-block-heading { color: var(--color-h1); }

.entry-content h2.wp-block-heading { color: var(--color-h2); }

.entry-content h3.wp-block-heading { color: var(--color-h3); }

.entry-content h4.wp-block-heading { color: var(--color-h4); }

.entry-content h5.wp-block-heading { color: var(--color-h5); }

.entry-content h6.wp-block-heading { color: var(--color-h6); }

.entry-content > .wp-block-heading:first-child {
	margin-top: 0;
}

/* Pages that lead with a full-bleed block (hero, CTA, image cover)
 * should butt the block directly against the site header — not leave
 * a body-BG strip. WP / BuddyPress give .entry-content a default
 * margin-top:1em that exposes that strip; remove it on
 * page/full-width templates that immediately render an alignfull. */
.page-template-full-width .entry-content,
.home .entry-content,
body:not(.single):not(.archive) .entry-content {
	margin-top: 0;
}

/* Full-bleed blocks (alignfull) butt up against the header, footer,
 * and each other with no body-BG gap. Default 1.5em block top/bottom
 * margin (from .entry-content .wp-block-group rule in content.css)
 * creates a visible white/dark strip between:
 *   - site header and the first alignfull section (top gap)
 *   - consecutive full-bleed sections (CTA + footer-style pattern)
 *   - the last alignfull block and the site footer (bottom gap)
 * Use a Spacer block for intentional spacing between sections.
 * Specificity 0,3,0 to beat content.css's 0,2,0 .entry-content
 * .wp-block-group rule. */
.entry-content > .wp-block-group.alignfull,
.entry-content > .wp-block-cover.alignfull,
.entry-content > .wp-block-image.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Quote Block (existing)
--------------------------------------------------------------*/

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	margin: 1.5em auto;
	padding: 0 1em;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
	border-left-color: var(--color-quote-border);
}

.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
	border-left-color: var(--color-quote-citation);
}

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

.wp-block-cover__inner-container > * {
	max-width: var(--content-width);
	margin-left: auto;
	margin-right: auto;
}

.wp-block-cover .wp-block-cover-text,
.wp-block-cover p {
	margin-top: 0;
}

.wp-block-latest-posts,
.wp-block-latest-comments {
	margin: 0;
}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignfull {
	padding: 0 1.5em;
}

/*--------------------------------------------------------------
# Gallery Block - overrides core styles
--------------------------------------------------------------*/

.wp-block-gallery ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: 0.5em;
}

.wp-block-gallery:not(.components-placeholder) {
	margin: 1.5em auto;
}

/* Override standard ul indentation. */

.entry-content .wp-block-gallery {
	padding-right: 1.5em;
	padding-left: 1.5em;
}

@media screen and (min-width: 48em) {

	.entry-content .wp-block-gallery {
		padding-right: 0;
		padding-left: 0;
	}
}

.wp-block-gallery.columns-2 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-9 .blocks-gallery-item {
	grid-column: span 1;
	margin: 0;
	width: inherit;
}


.blocks-gallery-item:last-child:nth-child(odd) {
	grid-column: span 2;
}

.wp-block-gallery.columns-3 .blocks-gallery-item:last-child:nth-child(3n),
.wp-block-gallery.columns-5 .blocks-gallery-item:last-child:nth-child(5n),
.wp-block-gallery.columns-7 .blocks-gallery-item:last-child:nth-child(7n),
.wp-block-gallery.columns-9 .blocks-gallery-item:last-child:nth-child(9n) {
	grid-column: span 1;
}

@media screen and (min-width: 40em) {

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Pullquote Block
--------------------------------------------------------------*/

.wp-block-pullquote {
	border-top: 4px solid var(--color-theme-primary);
	border-bottom: 4px solid var(--color-theme-primary);
	margin: 2em 0;
	padding: 1.5em 0;
	text-align: center;
}

.wp-block-pullquote blockquote {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

.wp-block-pullquote blockquote::before {
	display: none;
}

.wp-block-pullquote p {
	font-size: 1.5rem;
	line-height: 1.4;
}

.wp-block-pullquote cite,
.wp-block-pullquote__citation {
	display: block;
	margin-top: 0.75em;
	font-size: 0.875rem;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--color-theme-grey);
}

.wp-block-pullquote.is-style-solid-color {
	border: none;
	padding: 2em;
	border-radius: var(--global-border-radius);
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	font-size: 1.5rem;
}

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

.wp-block-table {
	margin: 1.5em 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.wp-block-table td,
.wp-block-table th {
	padding: 0.75em 1em;
	border: 1px solid var(--global-border-color);
	text-align: left;
}

.wp-block-table th {
	font-weight: 700;
	background-color: var(--color-block-bg-subtle);
}

.wp-block-table thead {
	border-bottom: 2px solid var(--global-border-color);
}

.wp-block-table tfoot {
	border-top: 2px solid var(--global-border-color);
}

.wp-block-table figcaption {
	margin-top: 0.5em;
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	text-align: center;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--color-block-bg-subtle);
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
	border-color: transparent;
}

/*--------------------------------------------------------------
# Preformatted Block
--------------------------------------------------------------*/

.wp-block-preformatted.wp-block-preformatted {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9rem;
	line-height: 1.7;
	padding: 1.5em 2em;
	background-color: var(--color-block-bg-subtle);
	border: 1px solid var(--global-border-color);
	border-radius: var(--global-border-radius);
	overflow-x: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 2em 0;
}

/*--------------------------------------------------------------
# Code Block (extended)
--------------------------------------------------------------*/

.wp-block-code {
	font-family: "Courier New", Courier, monospace !important;
	font-size: 0.9rem;
	line-height: 1.7;
	padding: 1.5em 2em !important;
	background-color: var(--color-code-bg);
	color: var(--color-code-text);
	border: none !important;
	border-radius: var(--global-border-radius) !important;
	overflow-x: auto;
	margin: 2em 0;
	tab-size: 4;
}

.wp-block-code code {
	font-family: inherit;
	font-size: inherit;
	background: none;
	padding: 0;
	color: inherit;
}

/*--------------------------------------------------------------
# Verse Block
--------------------------------------------------------------*/

.wp-block-verse {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.05em;
	line-height: 1.8;
	padding: 1.5em 2em;
	border-left: 4px solid var(--color-theme-primary);
	background-color: var(--color-block-bg-subtle);
	border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;
	margin: 2em 0;
	white-space: pre-wrap;
}

/*--------------------------------------------------------------
# Columns Block
--------------------------------------------------------------*/

.entry-content .wp-block-columns {
	margin-bottom: 1.5em;
}

.entry-content .wp-block-column > *:last-child {
	margin-bottom: 0;
}

@media (max-width: 781px) {
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) {
		flex-wrap: wrap;
	}

	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/*--------------------------------------------------------------
# Group Block
--------------------------------------------------------------*/

.entry-content .wp-block-group {
	margin-bottom: 1.5em;
}

.entry-content .wp-block-group.has-background {
	padding: 1.5em 2em;
	border-radius: var(--global-border-radius);
}

.entry-content .wp-block-group > *:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Media & Text Block
--------------------------------------------------------------*/

.wp-block-media-text {
	margin: 1.5em 0;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 1.5em;
}

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

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

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
		padding: 1.5em 0;
	}
}

/*--------------------------------------------------------------
# Separator Block
--------------------------------------------------------------*/

.wp-block-separator {
	border: none;
	border-top: 2px solid var(--global-border-color);
	margin: 2em auto;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

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

.wp-block-separator.is-style-dots {
	border: none;
	max-width: none;
	text-align: center;
	line-height: 1;
}

.wp-block-separator.is-style-dots::before {
	content: "\00B7 \00B7 \00B7";
	font-size: 1.5em;
	letter-spacing: 2em;
	padding-left: 2em;
	color: var(--global-font-color);
}

.wp-block-separator.has-background {
	border-color: currentcolor;
}

/*--------------------------------------------------------------
# Spacer Block
--------------------------------------------------------------*/

.entry-content .wp-block-spacer {
	display: block;
}

/*--------------------------------------------------------------
# Video Block
--------------------------------------------------------------*/

.wp-block-video {
	margin: 1.5em 0;
}

.wp-block-video video {
	max-width: 100%;
	height: auto;
	border-radius: var(--global-border-radius);
}

.wp-block-video figcaption {
	margin-top: 0.5em;
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	text-align: center;
}

/*--------------------------------------------------------------
# Audio Block
--------------------------------------------------------------*/

.wp-block-audio {
	margin: 1.5em 0;
}

.wp-block-audio audio {
	width: 100%;
	min-width: 300px;
}

.wp-block-audio figcaption {
	margin-top: 0.5em;
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	text-align: center;
}

/*--------------------------------------------------------------
# File Block
--------------------------------------------------------------*/

.wp-block-file {
	margin: 1.5em 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.75em;
}

.wp-block-file a:not(.wp-block-file__button) {
	font-weight: 600;
	word-break: break-word;
}

.wp-block-file .wp-block-file__button {
	font-family: inherit;
	font-size: 0.875rem;
	color: var(--button-text-color);
	background-color: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	border-radius: var(--button-border-radius);
	padding: 0.5em 1.25em;
	text-decoration: none;
	transition: all linear 0.2s;
}

.wp-block-file .wp-block-file__button:hover {
	color: var(--button-text-hover-color);
	background-color: var(--button-background-hover-color);
	border-color: var(--button-border-hover-color);
}

/*--------------------------------------------------------------
# Details Block
--------------------------------------------------------------*/

.wp-block-details {
	margin: 1.5em 0;
	border: 1px solid var(--global-border-color);
	border-radius: var(--global-border-radius);
	overflow: hidden;
}

.wp-block-details summary {
	padding: 1em 1.25em;
	font-weight: 600;
	cursor: pointer;
	list-style-position: outside;
	padding-left: 2em;
}

.wp-block-details summary:hover {
	background-color: var(--color-block-bg-subtle);
}

.wp-block-details[open] summary {
	border-bottom: 1px solid var(--global-border-color);
}

.wp-block-details > *:not(summary) {
	padding: 0 1.25em;
}

.wp-block-details > *:not(summary):first-of-type {
	margin-top: 1em;
}

/*--------------------------------------------------------------
# Buttons Container Block
--------------------------------------------------------------*/

.wp-block-buttons {
	margin: 1.5em 0;
}

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

/*--------------------------------------------------------------
# Social Links Block
--------------------------------------------------------------*/

.entry-content .wp-block-social-links {
	margin: 1.5em 0;
	padding: 0;
}

.entry-content .wp-block-social-links .wp-block-social-link {
	margin: 0;
}

.entry-content .wp-block-social-links .wp-block-social-link a {
	padding: 0.5em;
	transition: transform 0.2s linear;
}

.entry-content .wp-block-social-links .wp-block-social-link a:hover {
	transform: scale(1.1);
}

/*--------------------------------------------------------------
# Widget Blocks in entry-content
--------------------------------------------------------------*/

.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-page-list {
	margin: 1.5em 0;
	padding-left: 1.25em;
}

.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-page-list li {
	margin-bottom: 0.5em;
}

.entry-content .wp-block-calendar {
	margin: 1.5em 0;
}

.entry-content .wp-block-calendar table {
	width: 100%;
	border-collapse: collapse;
}

.entry-content .wp-block-calendar th,
.entry-content .wp-block-calendar td {
	padding: 0.5em;
	text-align: center;
	border: 1px solid var(--global-border-color);
}

.entry-content .wp-block-calendar th {
	background-color: var(--color-block-bg-subtle);
	font-weight: 700;
}

.entry-content .wp-block-calendar .wp-calendar-nav {
	margin-top: 0.75em;
	display: flex;
	justify-content: space-between;
}

.entry-content .wp-block-rss {
	margin: 1.5em 0;
	padding: 0;
	list-style: none;
}

.entry-content .wp-block-rss li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--global-border-color);
}

.entry-content .wp-block-rss li:last-child {
	border-bottom: none;
}

.entry-content .wp-block-rss__item-title {
	font-weight: 600;
}

.entry-content .wp-block-rss__item-publish-date,
.entry-content .wp-block-rss__item-author {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
}

.entry-content .wp-block-tag-cloud {
	margin: 1.5em 0;
}

.entry-content .wp-block-tag-cloud a {
	display: inline-block;
	margin: 0 0.25em 0.5em 0;
	padding: 0.25em 0.75em;
	border: 1px solid var(--global-border-color);
	border-radius: var(--button-border-radius);
	text-decoration: none;
	transition: all linear 0.2s;
}

.entry-content .wp-block-tag-cloud a:hover {
	background-color: var(--color-theme-primary);
	border-color: var(--color-theme-primary);
	color: var(--button-text-hover-color);
}

/*--------------------------------------------------------------
# Embed Block
--------------------------------------------------------------*/

.wp-block-embed {
	margin: 1.5em 0;
}

.wp-block-embed .wp-block-embed__wrapper {
	position: relative;
}

.wp-block-embed figcaption {
	margin-top: 0.5em;
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	text-align: center;
}

/*--------------------------------------------------------------
# Footnotes Block
--------------------------------------------------------------*/

.wp-block-footnotes {
	margin: 2em 0;
	padding-top: 1.5em;
	border-top: 1px solid var(--global-border-color);
	font-size: 0.875rem;
	line-height: 1.6;
}

.wp-block-footnotes li {
	margin-bottom: 0.5em;
}

/*--------------------------------------------------------------
# figcaption (global for blocks)
--------------------------------------------------------------*/

.entry-content figcaption {
	margin-top: 0.5em;
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	text-align: center;
	font-style: italic;
}

/*--------------------------------------------------------------
# Search Block
--------------------------------------------------------------*/

.wp-block-search .wp-block-search__inside-wrapper {
	display: flex;
	flex-wrap: nowrap;
}

.wp-block-search .wp-block-search__input {
	flex: 1;
	min-width: 0;
	padding: 0.5em 1em;
	border: 1px solid var(--global-border-color);
	border-radius: var(--form-border-radius);
	font-family: inherit;
	font-size: inherit;
}

.wp-block-search .wp-block-search__button {
	margin-left: 0.5em;
	padding: 0.5em 1.25em;
	color: var(--button-text-color);
	background-color: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	border-radius: var(--button-border-radius);
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	transition: all linear 0.2s;
}

.wp-block-search .wp-block-search__button:hover {
	color: var(--button-text-hover-color);
	background-color: var(--button-background-hover-color);
	border-color: var(--button-border-hover-color);
}

.wp-block-search__label {
	font-weight: 600;
	margin-bottom: 0.5em;
	display: block;
}

/*--------------------------------------------------------------
# Page List Block
--------------------------------------------------------------*/

.wp-block-page-list {
	margin: 1.5em 0;
	padding: 0;
	list-style: none;
}

.wp-block-page-list li {
	margin-bottom: 0.5em;
}

.wp-block-page-list a {
	text-decoration: none;
}

.wp-block-page-list a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Login/Logout Block
--------------------------------------------------------------*/

.wp-block-loginout {
	margin: 1.5em 0;
}

.wp-block-loginout a {
	color: var(--color-link);
	text-decoration: none;
	font-weight: 600;
}

.wp-block-loginout a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Avatar Block
--------------------------------------------------------------*/

.wp-block-avatar {
	margin: 1.5em 0;
}

.wp-block-avatar img {
	border-radius: 50%;
	vertical-align: middle;
}

/*--------------------------------------------------------------
# Site Logo Block
--------------------------------------------------------------*/

.wp-block-site-logo {
	margin: 0;
	line-height: 0;
}

.wp-block-site-logo img {
	max-width: 100%;
	height: auto;
}

.wp-block-site-logo a {
	display: inline-block;
}

/*--------------------------------------------------------------
# Site Title Block
--------------------------------------------------------------*/

.wp-block-site-title {
	margin: 0;
}

.wp-block-site-title a {
	color: var(--color-site-title);
	text-decoration: none;
	font-weight: 700;
}

.wp-block-site-title a:hover {
	color: var(--color-site-title-hover);
}

/*--------------------------------------------------------------
# Site Tagline Block
--------------------------------------------------------------*/

.wp-block-site-tagline {
	margin: 0;
	color: var(--color-site-tagline);
}

/*--------------------------------------------------------------
# Navigation Block
--------------------------------------------------------------*/

.wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--color-menu-hover);
}

.wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--color-header-bg);
	border: 1px solid var(--global-border-color);
	border-radius: var(--global-border-radius);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0.5em 0;
	min-width: 200px;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.4em 1em;
}

/*--------------------------------------------------------------
# Navigation Link Block
--------------------------------------------------------------*/

.wp-block-navigation-link .wp-block-navigation-item__label {
	font-weight: 500;
}

/*--------------------------------------------------------------
# Navigation Submenu Block
--------------------------------------------------------------*/

.wp-block-navigation-submenu .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*--------------------------------------------------------------
# Home Link Block
--------------------------------------------------------------*/

.wp-block-home-link .wp-block-navigation-item__content {
	font-weight: 600;
}

/*--------------------------------------------------------------
# Query Loop Block
--------------------------------------------------------------*/

.wp-block-query {
	margin: 1.5em 0;
}

/*--------------------------------------------------------------
# Query Title Block
--------------------------------------------------------------*/

.wp-block-query-title {
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
# Query Pagination
--------------------------------------------------------------*/

.wp-block-query-pagination {
	margin: 2em 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	font-weight: 600;
	text-decoration: none;
	color: var(--color-link);
	padding: 0.5em 1em;
	border: 1px solid var(--global-border-color);
	border-radius: var(--button-border-radius);
	transition: all linear 0.2s;
}

.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
	background-color: var(--color-theme-primary);
	border-color: var(--color-theme-primary);
	color: var(--button-text-hover-color);
}

.wp-block-query-pagination-numbers {
	display: flex;
	gap: 0.25em;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: inline-block;
	padding: 0.4em 0.75em;
	border: 1px solid var(--global-border-color);
	border-radius: var(--button-border-radius);
	text-decoration: none;
	color: var(--color-link);
	transition: all linear 0.2s;
}

.wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination-numbers .page-numbers:hover {
	background-color: var(--color-theme-primary);
	border-color: var(--color-theme-primary);
	color: var(--button-text-hover-color);
}

/*--------------------------------------------------------------
# Query No Results Block
--------------------------------------------------------------*/

.wp-block-query-no-results {
	padding: 2em;
	text-align: center;
	background-color: var(--color-block-bg-subtle);
	border-radius: var(--global-border-radius);
}

/*--------------------------------------------------------------
# Query Total Block
--------------------------------------------------------------*/

.wp-block-query-total {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
}

/*--------------------------------------------------------------
# Post Title Block
--------------------------------------------------------------*/

.wp-block-post-title {
	margin-bottom: 0.5em;
}

.wp-block-post-title a {
	color: var(--color-h2);
	text-decoration: none;
}

.wp-block-post-title a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Post Content Block
--------------------------------------------------------------*/

.wp-block-post-content {
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Post Excerpt Block
--------------------------------------------------------------*/

.wp-block-post-excerpt {
	margin-bottom: 1em;
}

.wp-block-post-excerpt__excerpt {
	margin-bottom: 0.75em;
}

.wp-block-post-excerpt__more-text {
	font-weight: 600;
}

.wp-block-post-excerpt__more-link {
	color: var(--color-theme-primary);
	text-decoration: none;
}

.wp-block-post-excerpt__more-link:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Post Date Block
--------------------------------------------------------------*/

.wp-block-post-date {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
}

.wp-block-post-date a {
	color: inherit;
	text-decoration: none;
}

.wp-block-post-date a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Post Featured Image Block
--------------------------------------------------------------*/

.wp-block-post-featured-image {
	margin-bottom: 1em;
}

.wp-block-post-featured-image img {
	max-width: 100%;
	height: auto;
	border-radius: var(--global-border-radius);
}

.wp-block-post-featured-image a {
	display: block;
}

/*--------------------------------------------------------------
# Post Author Block
--------------------------------------------------------------*/

.wp-block-post-author {
	display: flex;
	align-items: center;
	gap: 1em;
	margin: 1em 0;
}

.wp-block-post-author__avatar img {
	border-radius: 50%;
}

.wp-block-post-author__name {
	font-weight: 600;
}

.wp-block-post-author__name a {
	color: var(--color-link);
	text-decoration: none;
}

.wp-block-post-author__name a:hover {
	color: var(--color-link-hover);
}

.wp-block-post-author__bio {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	margin-top: 0.25em;
}

/*--------------------------------------------------------------
# Post Author Name Block
--------------------------------------------------------------*/

.wp-block-post-author-name {
	font-weight: 600;
}

.wp-block-post-author-name a {
	color: var(--color-link);
	text-decoration: none;
}

.wp-block-post-author-name a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Post Author Biography Block
--------------------------------------------------------------*/

.wp-block-post-author-biography {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
	line-height: 1.6;
}

/*--------------------------------------------------------------
# Post Terms Block
--------------------------------------------------------------*/

.wp-block-post-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 0.5em 0;
}

.wp-block-post-terms a {
	display: inline-block;
	padding: 0.2em 0.6em;
	font-size: 0.8125rem;
	border: 1px solid var(--global-border-color);
	border-radius: var(--button-border-radius);
	color: var(--color-link);
	text-decoration: none;
	transition: all linear 0.2s;
}

.wp-block-post-terms a:hover {
	background-color: var(--color-theme-primary);
	border-color: var(--color-theme-primary);
	color: var(--button-text-hover-color);
}

.wp-block-post-terms .wp-block-post-terms__separator {
	display: none;
}

/*--------------------------------------------------------------
# Post Template Block
--------------------------------------------------------------*/

.wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-post-template > li {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid var(--global-border-color);
}

.wp-block-post-template > li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.wp-block-post-template.is-flex-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em;
}

.wp-block-post-template.is-flex-container > li {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*--------------------------------------------------------------
# Post Navigation Link Block
--------------------------------------------------------------*/

.wp-block-post-navigation-link {
	margin: 1em 0;
}

.wp-block-post-navigation-link a {
	color: var(--color-link);
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.wp-block-post-navigation-link a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Post Comments Count Block
--------------------------------------------------------------*/

.wp-block-post-comments-count {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
}

/*--------------------------------------------------------------
# Post Comments Form Block
--------------------------------------------------------------*/

.wp-block-post-comments-form {
	margin: 2em 0;
}

.wp-block-post-comments-form textarea {
	width: 100%;
	min-height: 150px;
	padding: 0.75em 1em;
	border: 1px solid var(--global-border-color);
	border-radius: var(--textarea-border-radius);
	font-family: inherit;
	font-size: inherit;
}

.wp-block-post-comments-form input[type="submit"] {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	border-radius: var(--button-border-radius);
	padding: 0.5em 1.5em;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	transition: all linear 0.2s;
}

.wp-block-post-comments-form input[type="submit"]:hover {
	color: var(--button-text-hover-color);
	background-color: var(--button-background-hover-color);
	border-color: var(--button-border-hover-color);
}

/*--------------------------------------------------------------
# Post Comments Link Block
--------------------------------------------------------------*/

.wp-block-post-comments-link {
	font-size: 0.875rem;
}

.wp-block-post-comments-link a {
	color: var(--color-link);
	text-decoration: none;
}

.wp-block-post-comments-link a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Post Time To Read Block
--------------------------------------------------------------*/

.wp-block-post-time-to-read {
	font-size: 0.875rem;
	color: var(--color-theme-grey);
}

/*--------------------------------------------------------------
# Read More Block
--------------------------------------------------------------*/

.wp-block-read-more {
	display: inline-block;
	color: var(--button-text-color);
	background-color: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	border-radius: var(--button-border-radius);
	padding: 0.5em 1.25em;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
	transition: all linear 0.2s;
}

.wp-block-read-more:hover {
	color: var(--button-text-hover-color);
	background-color: var(--button-background-hover-color);
	border-color: var(--button-border-hover-color);
}

/*--------------------------------------------------------------
# Comments Block
--------------------------------------------------------------*/

.wp-block-comments {
	margin: 2em 0;
}

/*--------------------------------------------------------------
# Comments Title Block
--------------------------------------------------------------*/

.wp-block-comments-title {
	margin-bottom: 1em;
	font-size: 1.5em;
	color: var(--color-h2);
}

/*--------------------------------------------------------------
# Comment Template Block
--------------------------------------------------------------*/

.wp-block-comment-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-comment-template > li {
	padding: 1.5em 0;
	border-bottom: 1px solid var(--global-border-color);
}

.wp-block-comment-template > li:last-child {
	border-bottom: none;
}

.wp-block-comment-template ol {
	margin-left: 2em;
	padding: 0;
	list-style: none;
}

/*--------------------------------------------------------------
# Comment Author Name Block
--------------------------------------------------------------*/

.wp-block-comment-author-name {
	font-weight: 700;
}

.wp-block-comment-author-name a {
	color: var(--color-link);
	text-decoration: none;
}

.wp-block-comment-author-name a:hover {
	color: var(--color-link-hover);
}

/*--------------------------------------------------------------
# Comment Content Block
--------------------------------------------------------------*/

.wp-block-comment-content {
	margin: 0.5em 0;
	line-height: 1.6;
}

/*--------------------------------------------------------------
# Comment Date Block
--------------------------------------------------------------*/

.wp-block-comment-date {
	font-size: 0.8125rem;
	color: var(--color-theme-grey);
}

.wp-block-comment-date a {
	color: inherit;
	text-decoration: none;
}

/*--------------------------------------------------------------
# Comment Edit Link Block
--------------------------------------------------------------*/

.wp-block-comment-edit-link {
	font-size: 0.8125rem;
}

.wp-block-comment-edit-link a {
	color: var(--color-theme-primary);
	text-decoration: none;
}

.wp-block-comment-edit-link a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Comment Reply Link Block
--------------------------------------------------------------*/

.wp-block-comment-reply-link {
	font-size: 0.8125rem;
}

.wp-block-comment-reply-link a {
	color: var(--color-theme-primary);
	text-decoration: none;
	font-weight: 600;
}

.wp-block-comment-reply-link a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Comments Pagination
--------------------------------------------------------------*/

.wp-block-comments-pagination {
	margin: 1.5em 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
}

.wp-block-comments-pagination-next,
.wp-block-comments-pagination-previous {
	font-weight: 600;
	text-decoration: none;
	color: var(--color-link);
}

.wp-block-comments-pagination-next:hover,
.wp-block-comments-pagination-previous:hover {
	color: var(--color-link-hover);
}

.wp-block-comments-pagination-numbers .page-numbers {
	display: inline-block;
	padding: 0.3em 0.6em;
	text-decoration: none;
}

.wp-block-comments-pagination-numbers .page-numbers.current {
	font-weight: 700;
	color: var(--color-theme-primary);
}

/*--------------------------------------------------------------
# Term Description Block
--------------------------------------------------------------*/

.wp-block-term-description {
	margin-bottom: 1.5em;
	color: var(--color-theme-grey);
	line-height: 1.6;
}

/*--------------------------------------------------------------
# Term Name Block
--------------------------------------------------------------*/

.wp-block-term-name {
	margin-bottom: 0.5em;
}

/*--------------------------------------------------------------
# Template Part Block
--------------------------------------------------------------*/

.wp-block-template-part {
	margin: 0;
}

/*--------------------------------------------------------------
# Widget Group Block
--------------------------------------------------------------*/

.wp-block-widget-group {
	margin-bottom: 1.5em;
}

.wp-block-widget-group > h2 {
	font-size: 1.125rem;
	margin-bottom: 0.75em;
}

/*--------------------------------------------------------------
# Accordion Block (WP 6.9+)
--------------------------------------------------------------*/

.wp-block-accordion {
	margin: 1.5em 0;
}

.wp-block-accordion-item {
	border: 1px solid var(--global-border-color);
	border-radius: var(--global-border-radius);
	margin-bottom: 0.5em;
	overflow: hidden;
}

.wp-block-accordion-item:last-child {
	margin-bottom: 0;
}

.wp-block-accordion-heading {
	margin: 0;
}

.wp-block-accordion-heading button,
.wp-block-accordion-heading summary {
	width: 100%;
	padding: 1em 1.25em;
	font-weight: 600;
	font-size: inherit;
	font-family: inherit;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wp-block-accordion-heading button:hover,
.wp-block-accordion-heading summary:hover {
	background-color: var(--color-block-bg-subtle);
}

.wp-block-accordion-panel {
	padding: 0 1.25em 1em;
}

.wp-block-accordion-panel > *:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Text Columns Block (deprecated)
--------------------------------------------------------------*/

.wp-block-text-columns {
	display: flex;
	gap: 1.5em;
	margin: 1.5em 0;
}

.wp-block-text-columns .wp-block-column {
	flex: 1;
}

@media (max-width: 600px) {
	.wp-block-text-columns {
		flex-direction: column;
	}
}
