@charset "UTF-8";

*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}
body {
	background-color: var(--wp--preset--color--site-ocean);
}
.wp-site-blocks {
	background-color: var(--wp--preset--color--site-cream);
}

/* HEADER */
.site-header {
	transition: transform var(--wp--custom---motion--mid);
	position: sticky;
	z-index: 1000;
	top: 0;
}
.site-header .wp-block-navigation__submenu-icon {
	color: var(--wp--preset--color--site-moss);
}
.site-header .wp-block-search__input,
.site-header .wp-block-search .wp-element-button,
.site-header .wp-block-search :where(.wp-block-search__inside-wrapper) {
	background-color: unset;
	border: unset;
	padding: unset;
	width: unset;
	margin: unset;
}
.site-header .wp-block-search :where(.wp-block-search__inside-wrapper) {
	border-radius: var(--wp--custom--border-radius--full);
	background-color: var(--wp--preset--color--site-cream);
	overflow: hidden;
	gap: 4px;
}
.site-header .wp-block-search__input {
	padding: 10px 0px 10px 20px;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.03em;
	width: 130px;
}
.site-header .wp-block-search__input::placeholder,
.site-header .wp-element-button svg {
  color: oklch(39% 4% 107deg / 50%);
}
.site-header .wp-element-button {
	min-width: 48px;
	border-radius: var(--wp--custom--border-radius--full);
}
.site-header .wp-element-button svg {
  min-height: 36px;
  min-width: 32px;
}


.site-bar {
  container-type: inline-size;
  container-name: utility;
}
@container utility (width < 700px) {
	.site-bar > .wp-block-group {
		display: grid;
	}
}
.site-bar .wp-block-social-link a {
	text-transform: uppercase;
	font-weight: 700;
}
.site-bar .wp-block-social-links .wp-social-link svg {
	width: 18px;
}
.site-bar .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
	margin-left: 4px;
	margin-right: unset;
}
.site-bar .wp-block-social-link:hover {
	transform: unset;
}
.site-bar ul {
	gap: 6px;
}
.site-bar a {
	padding: 2px 6px;
	border-radius: 4px;
	transition: 
		color var(--wp--custom--motion--fast), 
		background var(--wp--custom--motion--fast);
}
.site-bar a:hover {
	background-color: var(--wp--preset--color--site-ocean);
	color: var(--wp--preset--color--site-white) !important;
}
.site-bar p {
	text-shadow: 
		0 0 3px var(--wp--preset--color--site-ocean),
		0 0 6px var(--wp--preset--color--site-blue);
}



@media (width < 700px) {
	.site-header > div,
	.site-bar > div,
	.site-logo,
	.site-nav {
		justify-content: center;
		text-align: center;
		width: 100%;
	}
	.site-nav {
		flex-flow: row-reverse;
	}
}
.site-nav {
	* {
		transition: all var(--wp--custom--motion--default);
	}
	ul.wp-block-navigation-submenu>li {
		text-wrap: nowrap;
		text-transform: none;
	}
	span.wp-block-navigation-item__label {
		line-height: normal;
	}
	/* DESKTOP */
	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		ul.wp-block-navigation__container {
			>li.current-menu-item {
				position: relative;
			}
			>li::before {
				background-color: var(--wp--preset--color--site-green);
				content: "";
				display: block;
				left: .75rem;
				position: absolute;
				right: .75rem;
				top: 100%;
				opacity: 0;
				transition: opacity var(--wp--custom--motion--mid);
			}
			>li.current-menu-item::before,
			>li:hover::before {
				opacity: 1;
			}
			.wp-block-navigation-submenu>li>a {
				padding: 6px 8px;
				letter-spacing: -0.1px !important;
				transition: color var(--wp--custom--motion--fast);
			}
			.wp-block-navigation-submenu>li:hover>a {
				background-color: var(--wp--preset--color--site-cream);
				color: var(--wp--preset--color--site-blue);
				border-bottom: unset;
			}
		}
	}
	/* MOBILE */
	.wp-block-navigation__responsive-container.is-menu-open {
		text-align: left;
		background-color: var(--wp--preset--color--site-cream) !important;
		ul.wp-block-navigation-submenu,
		a.wp-block-navigation-item__content {
			padding: unset !important;
		}
		div.wp-block-navigation__responsive-container-content {
			gap: unset;
			flex-direction: column-reverse;
			padding-block-start: 2.5em;
		}
		ul.wp-block-navigation__container {
			width: 100%;
			li.wp-block-navigation-item {
		    font-size: var(--wp--preset--font-size--large) !important;
				color: color-mix(in oklch, var(--wp--preset--color--site-black), transparent 30%) !important;
				display: block;
				width: 100%;
				a {
					padding-block: unset;
					span.wp-block-navigation-item__label {
						padding-inline: 1em;
						padding-block: 0.35em;
						width: 100%;
					}
				}
			}
			>li.wp-block-navigation-item {
				border-top: 1px solid color-mix(in oklch, var(--wp--preset--color--site-cloud), transparent 0%);
			}
			>li.wp-block-navigation-item>a>span.wp-block-navigation-item__label {
				display: block;
				color: var(--wp--preset--color--site-blue);
				padding-block-start: 0.5em;
			}
			>li.wp-block-navigation-item > .wp-block-navigation-submenu > li:last-of-type {
				padding-block-end: 0.5em;
			}
		}
		.wp-block-navigation__responsive-container-close {
			padding: var(--wp--preset--spacing--20);
			&:focus {
				outline: 0 !important;
				outline: none !important;
			}
		}
	}
}

/* BLOCKS */
.site-featured {
	background-color: var(--wp--preset--color--site-cloud);
	border-radius: 10px;
	overflow: hidden;
	padding: unset;
}
.site-featured .wp-block-cover__image-background {
	filter: blur(60px);
	transform: scale(110%);
}
.site-featured .wp-block-post-featured-image img {
	max-height: 380px;
	object-fit: contain !important;
}

.wp-block-archives-dropdown select {
	width: 100%;
	min-width: 15ch;
	max-width: 30ch;
	border: 1px solid var(--wp--preset--color--site-cloud);
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
	margin-top: 4px;
	font-family: inherit;
	font-size: 1.25rem;
	cursor: pointer;
	line-height: 1.1;
	background-color: #fff;
	background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}

.wp-block-latest-posts__list li {
	display: grid;
	grid-template-columns: 70px auto;
	gap: 0.75em;
	border-block-end: 1px solid var(--wp--preset--color--site-cloud);
	padding-block: 1em;
}
.wp-block-latest-posts__list li:last-of-type {
	border-block-end: unset;
	padding-block-end: unset;
}
.wp-block-latest-posts__featured-image {
	margin-right: unset !important;
}
.wp-block-latest-posts__list li a {
	display: grid;
	place-items: center;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
.wp-block-latest-posts__list li a:hover {
	text-decoration: underline;
}

.wp-block-comment-content > *:first-child {
	margin-block-start: unset !important;
}
.wp-block-comment-content > * {
	margin-block: 1em !important;
}
.wp-block-latest-comments {
	padding-inline-start: unset;
	padding-block-start: 0.5em;
	line-height: 1.5;
}
.wp-block-latest-comments li.wp-block-latest-comments__comment {
	border-block-end: 1px solid var(--wp--preset--color--site-cloud);
}
.wp-block-latest-comments li.wp-block-latest-comments__comment:last-of-type {
	border-block-end: unset;
}


/* PAGINATION */
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border: 1.5px solid #ddd;
	color: var(--wp--preset--color--site-black);
	background: #fff;
	transition: background 0.15s, border-color 0.15s;
}
.wp-block-query-pagination a.page-numbers:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
	background: var(--wp--preset--color--site-white);
	border-color: var(--wp--preset--color--site-blue);
	color: var(--wp--preset--color--site-ocean);
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
	margin-left: unset;
}
.wp-block-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--site-mint);
	border-color: var(--wp--preset--color--site-moss);
	color: var(--wp--preset--color--site-black);
	font-weight: bold;
}
.wp-block-query-pagination .page-numbers.dots {
	border: none;
	background: none;
	width: 24px;
	cursor: default;
	color: var(--wp--preset--color--slate);
}
.wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 6px;
}
.wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-previous-arrow {
	display: none !important;
}
.wp-block-query-pagination-next::after,
.wp-block-query-pagination-previous::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.wp-block-query-pagination-next::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}
.wp-block-query-pagination-previous::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}