/*********
 * change nav block mobile menu breakpoint only in header
 ***********/
@media (max-width: 909px) {
	header.wp-block-template-part .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	header.wp-block-template-part .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block;
	}
}
@media (min-width: 910px) {
	header.wp-block-template-part .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		background-color: inherit;
		display: block;
		position: relative;
		width: 100%;
		z-index: auto;
	}
	header.wp-block-template-part .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
}

/* Fix Nav Arrow Style */
.is-style-arrow-link .wp-block-navigation-item__label:after {
	content: '';
	width: .875em;
	height: .875em;
	vertical-align: text-bottom;
	background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206H18V14H16.5V8.5L7%2018L6%2017L15.5%207.5H10V6Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E) center bottom / cover no-repeat;
}

.


/*********
 * nicer focus styling
 ***********/
:where(.wp-site-blocks :focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-offset: 2px;
}

/*********
 * customize position of leaf logo background image when used in cover block
 ***********/
.wp-block-cover__image-background[src*="impact-evolution-logo-background.png"] {
	object-fit: contain;
	object-position: top center;
	content: url("../images/logo-shape-transparent.svg");
}

.wp-block-cover:has(.wp-block-cover__image-background[src*="impact-evolution-logo-background.png"]) {
	padding: var(--wp--preset--spacing--70);
}

@media (min-width: 600px) {
	.wp-block-cover:is(.alignfull,.alignwide) .wp-block-cover__image-background[src*="impact-evolution-logo-background.png"] {
		object-position: center left;
	}
}

/*********
 * Single post background
 ***********/
.post-template-default.single-post main > .wp-block-group .wp-block-post-featured-image {
	position: relative;
}
.post-template-default.single-post main > .wp-block-group .wp-block-post-featured-image::before {
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
	top: 25px;
	left: 50%;
	width: 100vw;
	height: 800px;
	transform: translateX(-50%);
	background: url("../images/logo-shape-transparent.svg") top center / 800px auto no-repeat;
}
@media (min-width: 1000px) {
	.post-template-default.single-post main > .wp-block-group .wp-block-post-featured-image::before {
		background-size: 80vw auto;
		aspect-ratio: 1/1;
		height: auto;
	}
}

/*********
 * Sticky position top offset
 ***********/
.is-position-sticky {
	inset-block-start: calc( var(--wp--preset--spacing--20) + var(--wp-admin--admin-bar--position-offset, 0px)) !important;
}

/*********
 * Minor splide carousel improvements
 ***********/
.wp-block-splide-carousel .splide__arrow {
	background: var(--wp--preset--gradient--custom-ie-logo);
	opacity: 1;

	&:not([disabled]):hover {
	transform: translateY(-50%) scale(1.075);
	}

	&[disabled] {
	cursor: not-allowed;
	}

	svg {
		fill: var(--wp--preset--color--base);
	}
}

/*********
 * Use gradient background for bill style
 ***********/
.is-style-pill a, .is-style-pill span:not([class], [data-rich-text-placeholder]) {
	background: var(--wp--preset--gradient--custom-ie-logo);
	color: var(--wp--preset--color--base);
	text-decoration: none !important;
	font-weight: 700;
	font-size: calc( var(--wp--preset--font-size--small) * .9);

	&:hover {
		text-decoration: underline !important;}
	}
}