/* Containers */
.wp-block-query--featured-post,
.wp-block-query--grid,
.wp-block-query--grid-portrait,
.wp-block-query--list {
	container-name: wp-block-query-container;
	container-type: inline-size;
}



/* Defaults for all query blocks */
.wp-block-query .wp-block-post-terms {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--cla--spacing--1-2);
}
.wp-block-query .wp-block-post-terms a:any-link {
	position: relative;
	border: none;
	padding: var(--cla--spacing--1-2);
	display: block;
	width: fit-content;
	height: max-content;
	line-height: 1;
	text-transform: uppercase;
	font-size: var(--cla--font-size--90);
	font-weight: 600;
	letter-spacing: 13%;
	transition: all 300ms;
}
.wp-block-query .wp-block-post-terms a:focus,
.wp-block-query .wp-block-post-terms a:hover {
	text-decoration: none;
	color: var(--cla--color--white);
	background-color: var(--cla--color--flower-trial-red);
}
.wp-block-query .wp-block-post-terms__separator {
	display: none;
}
.wp-block-query .wp-block-post-terms a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-radius: var(--cla--spacing--1-4);
	display: block;
	width: var(--cla--spacing--1-4);
	height: var(--cla--spacing--1-4);
	background-color: var(--cla--color--flower-trial-red);
	transform: translateX(50%) translateY(-50%);
}

.wp-block-query :is(.wp-block-read-more, .wp-block-post-excerpt__more-link) {
	display: flex;
	align-items: center;
	gap: var(--cla--spacing--1);
	font-weight: 700;
}
.wp-block-query :is(.wp-block-read-more, .wp-block-post-excerpt__more-link)::after {
	content: "";
	display: inline-block;
	width: var(--cla--spacing--2);
	height: var(--cla--spacing--2);
	background-image: url(../../icons/icon-arrow--white.svg);
	background-size: cover;
	transition: transform 300ms;
}
.wp-block-query :is(.wp-block-read-more, .wp-block-post-excerpt__more-link):focus::after,
.wp-block-query :is(.wp-block-read-more, .wp-block-post-excerpt__more-link):hover::after {
	transform: rotateZ(-45deg);
}

.wp-block-query .wp-block-query-pagination {
	font-family: var(--cla--font-family--serif);
	font-style: italic;
}
.wp-block-query .wp-block-query-pagination-numbers {
	display: flex;
	flex-direction: row;
	gap: var(--cla--spacing--1-2);
}
.wp-block-query .wp-block-query-pagination .page-numbers {
	margin: 0;
	padding: var(--cla--spacing--1-4) var(--cla--spacing--1-2);
	display: inline-block;
	min-width: var(--wcag--operable--input-modalities--minimum-target-size);
	line-height: var(--wcag--operable--input-modalities--minimum-target-size);
}
.wp-block-query .wp-block-query-pagination .page-numbers:not([aria-current]) {
	color: var(--cla--color--primary);
	background-color: var(--cla--color--lovers-lane);
}
.wp-block-query .wp-block-query-pagination .page-numbers:not([aria-current]):focus,
.wp-block-query .wp-block-query-pagination .page-numbers:not([aria-current]):hover {
	text-decoration: none;
	background-color: var(--cla--color--accent);
}



/* Featured Post */
.wp-block-query.wp-block-query--featured-post {
	padding-block-start: var(--cla--spacing--decoration-small);
	padding-block-end: var(--cla--spacing--decoration-small);
}
.wp-block-query--featured-post .wp-block-columns {
	position: relative;
	color: var(--cla--color--secondary--contrast);
	gap: var(--cla--spacing--decoration-small);
}
.wp-block-query--featured-post .wp-block-columns::before,
.wp-block-query--featured-post .wp-block-columns::after {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	top: calc(var(--cla--spacing--decoration-small) * -1);
	right: 0;
	bottom: calc(var(--cla--spacing--decoration-small) * -1);
}
.wp-block-query--featured-post .wp-block-columns::before {
	background-color: var(--cla--color--secondary);
}
.wp-block-query--featured-post .wp-block-columns::after {
	background: url(../../images/brushstroke-texture--20-percent--white.svg);
	background-size: cover;
	mix-blend-mode: overlay;
}
.wp-block-query--featured-post .wp-block-column:nth-child(2) {
	padding-left: var(--cla--spacing--1);
	padding-right: calc(var(--cla--spacing--decoration-small) * 2);
}
.wp-block-query--featured-post .wp-block-column:nth-child(2)::before,
.wp-block-query--featured-post .wp-block-column:nth-child(2)::after {
	content: "";
	position: absolute;
	border-left: var(--cla--linework--width) var(--cla--linework--style) var(--cla--color--linework);
	display: block;
	width: var(--cla--spacing--decoration-small);
	top: calc(var(--cla--spacing--decoration-small) * -1);
	right: 0;
	bottom: calc(var(--cla--spacing--decoration-small) * -1);
}
.wp-block-query--featured-post .wp-block-column:nth-child(2)::before {
	background-color: var(--cla--color--accent);
}
.wp-block-query--featured-post .wp-block-column:nth-child(2)::after {
	background: url(../../images/photocopy-texture-fragment.jpg);
	background-size: cover;
	mix-blend-mode: overlay;
	opacity: 0.6;
}
.wp-block-query--featured-post .wp-block-columns a:any-link {
	color: inherit;
}
.wp-block-query--featured-post .wp-block-post-featured-image {
	margin-left: var(--cla--spacing--1);
}



/* Grid */
.wp-block-query--grid .wp-block-post > .wp-block-group {
	position: relative;
	margin-top: var(--cla--linework-width);
	border-left: var(--cla--color--accent) solid var(--cla--spacing--1-2);
	padding: var(--cla--spacing--1);
	color: var(--cla--color--secondary--contrast);
	background-color: var(--cla--color--secondary);
}
.wp-block-query--grid .wp-block-post > .wp-block-group::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	display: block;
	height: var(--cla--linework--width);
	background-color: var(--cla--color--linework);
}
.wp-block-query--grid a:any-link {
	color: inherit;
}



/* Grid: Portrait */
.wp-block-query--grid-portrait .wp-block-post-title a {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	gap: var(--cla--spacing--1);
}
.wp-block-query--grid-portrait .wp-block-post-title a::after {
	content: "";
	display: inline-block;
	width: var(--cla--spacing--2);
	height: var(--cla--spacing--2);
	flex-grow: 0;
	flex-shrink: 0;
	background-image: url(../../icons/icon-arrow--csu-green.svg);
	background-size: cover;
	transition: transform 300ms;
}
.wp-block-query--grid-portrait .wp-block-post:hover .wp-block-post-title a::after,
.wp-block-query--grid-portrait .wp-block-post-title a:focus::after,
.wp-block-query--grid-portrait .wp-block-post-title a:hover::after {
	transform: rotateZ(-45deg);
}



/* List */
.wp-block-query--list .wp-block-post > .wp-block-columns {
	gap: 0;
}
.wp-block-query--list a:any-link {
	color: inherit;
}
.wp-block-query--list .wp-block-post .wp-block-column:nth-child(1) {
	align-self: stretch;
}
.wp-block-query--list .wp-block-post-featured-image {
	height: 100%;
}
.wp-block-query--list .wp-block-post-featured-image .wp-post-image {
	height: 100%;
}
.wp-block-query--list .wp-block-post .wp-block-column:nth-child(2) {
	border-left: var(--cla--color--accent) solid var(--cla--spacing--1-2);
	padding: var(--cla--spacing--1);
	align-self: stretch;
	align-content: center;
	color: var(--cla--color--secondary--contrast);
	background-color: var(--cla--color--secondary);
}



/* Media Queries */
@container wp-block-query-container (max-width: 480px) {
	.wp-block-query--featured-post .wp-block-post-title {
		font-size: var(--cla--font-size--300) !important;
	}

	.wp-block-query--grid-portrait .wp-block-post-template {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
	}
	.wp-block-query--grid-portrait .wp-block-post-template .wp-block-post {
		flex-grow: 0;
		flex-shrink: 0;
		width: calc(var(--cla--spacing--1) * 9);
	}

	.wp-block-query--list .wp-block-post .wp-block-columns {
		flex-direction: column;
	}
}
@container wp-block-query-container (max-width: 600px) {
	.wp-block-query--list .wp-block-post .wp-block-column:nth-child(1) {
		flex-basis: 50% !important;
	}
	.wp-block-query--list .wp-block-post .wp-block-column:nth-child(2) {
		flex-basis: 50% !important;
	}
}
@container wp-block-query-container (min-width: 601px) and (max-width: 781px) {
	.wp-block-query--list .wp-block-post .wp-block-columns {
		flex-direction: row;
	}
	.wp-block-query--list .wp-block-post .wp-block-column:nth-child(1) {
		flex-basis: 33.3333% !important;
	}
	.wp-block-query--list .wp-block-post .wp-block-column:nth-child(2) {
		flex-basis: 66.6666% !important;
	}
}
@container wp-block-query-container (max-width: 1200px) {
	.wp-block-query--featured-post .wp-block-post:not(.has-post-thumbnail) .wp-block-column:nth-child(2) {
		flex-basis: 100% !important;
	}
}
@container wp-block-query-container (min-width: 782px) {
	/* Featured Post */
	.wp-block-query--featured-post .wp-block-columns::before,
	.wp-block-query--featured-post .wp-block-columns::after {
		width: 66.6666%;
	}
	.wp-block-query--featured-post .wp-block-post:not(.has-post-thumbnail) .wp-block-columns::before,
	.wp-block-query--featured-post .wp-block-post:not(.has-post-thumbnail) .wp-block-columns::after {
		left: var(--cla--spacing--1);
		width: 100%;
	}
	.wp-block-query--featured-post .wp-block-post .wp-block-column:nth-child(2) {
		padding-left: 0;
	}
	.wp-block-query--featured-post .wp-block-post:not(.has-post-thumbnail) .wp-block-column:nth-child(2) {
		margin-left: var(--cla--spacing--1);
		padding-left: var(--cla--spacing--decoration-small);
	}
}