.blog .wp-block-post-template li .wp-block-group:not(.blog-post-meta) {
	height: 100%;
}

details {
	padding: 20px;
}

details nav:first-of-type {
	margin-top: 2em;
}

details .wp-block-navigation__container {
	gap: 8px !important;
}

details a.wp-block-navigation-item__content {
	text-decoration: underline !important;
}

details a.wp-block-navigation-item__content:hover {
	text-decoration: none !important;
}

details .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content:hover,
.site-header .header-top-menu a:hover,
.sidebar a:hover {
	text-decoration: underline;
}

details .current-menu-item {
	border-left: 10px solid;
	border-image: linear-gradient(var(--wp--preset--color--purple), var(--wp--preset--color--pink));
	border-image-slice: 10;
}

.yoast-breadcrumbs a:hover,
nav.has-text-decoration-underline .wp-block-navigation-item__content:hover,
.site-footer a:hover,
.wp-block-post-content a:hover {
	text-decoration:none;
}

.breadcrumbs {
	border-bottom: 1px solid #fff0ff;
}

.sidebar {
	position: sticky;
	top: 0;
	max-height: 100vh;
	overflow: auto;
}

.sidebar .wp-block-navigation__container {
	padding-right: 2rem;
}

.sidebar .wp-block-navigation-item {
	background: #fefefe;
	border-radius: 4px;
	border: 2px solid #fff0ff;
}

/* This can not be in theme.json because we need the different menus to have different designs.
 * Maybe a style variation?
 */
.site-header .wp-block-navigation-item {
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	border-radius: 4px;
	transition: 0.5s;
}
.site-header .wp-block-navigation-item:hover {
	border-color: #ffffff;
}

/*
.site-header .wp-block-navigation-item:hover {
	border: double 2px transparent;
	border-radius: 4px;
	background-image: linear-gradient(#3b2b6e, #3b2b6e), linear-gradient(to right, purple, pink);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}
*/
.sidebar .wp-block-navigation-item:hover,
.sidebar .wp-block-navigation-item.current-menu-item {
	border: double 2px transparent;
	border-radius: 4px;
	background-image: linear-gradient(white, white), linear-gradient(to right, purple, pink);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.topbar .wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.5em;
}

@media (min-width: 600px) and (max-width: 1200px) {

	.sidebar .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.sidebar .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		bottom: 0;
		display: none;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
	}
}

@media (min-width: 782px) and (max-width: 1200px) {

	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child).sidebar-column {
		flex-basis: 140px !important;
	}
}

@media (min-width: 860px) and (max-width: 1200px) {

	.sidebar .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}


@media (min-width: 1200px) {

	.sidebar .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: flex;
	}
}


.page-template-block-support-landing #wp-block-categories-1,
.page-template-block-support-landing #wp-block-categories-2,
.page-template-block-attribute-landing #wp-block-categories-1,
.post-type-archive-block #wp-block-categories-1,
.post-type-archive-block #wp-block-categories-2,
.block-template-default #wp-block-categories-1,
.block-template-default #wp-block-categories-2,
.wp-block-block-reference-taxonomy-list select {
	font-size: 1rem;
	line-height: 1.125rem;
	padding: 0.5rem;
}