html {
	scroll-behavior: smooth;
}

/* Header defaults */
.wp-site-blocks > .wp-block-template-part > .wp-block-cover.has-white-color #act2-header-brandmark.outline {
    filter: invert(14%) sepia(30%) saturate(6512%) hue-rotate(326deg) brightness(99%) contrast(105%);
}

.wp-site-blocks > .wp-block-template-part > .wp-block-cover.has-white-color .act2-brandmark {
    filter: brightness(0) invert(1);
}

.min-width-600 {
	min-width: 600px
}

/* Header template */
.wp-block-template-part .wp-block-cover:has(> .has-background-dim) .site-brandmark--secondary {
    filter: brightness(1000); /* Makes Act2 brandmark white when on dimmed backgrounds */
}

.wp-block-template-part .wp-block-cover > .wp-block-cover__background.has-background-dim:not(:has(+ .wp-block-cover__image-background)) {
    opacity: 1; /* Makes background full-color when there isn't a featured image */
}

/* Pseudo-Headers for styling */

.has-h1-appearance {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 800;
	text-transform: none;
	letter-spacing: none
}

.has-h2-appearance {
	font-size: var(--wp--preset--font-size--x-large);
	text-transform: none;
	letter-spacing: none
}

.has-h3-appearance {
	font-size: var(--wp--preset--font-size--large);
	text-transform: none;
	letter-spacing: none
}

.has-h4-appearance {
	font-size: var(--wp--preset--font-size--medium);
	text-transform: uppercase;
	letter-spacing: .25rem
}

/* Nudged elements */

.nudged-up__10 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--10 )));
    margin-bottom: calc(-1 * var(--wp--preset--spacing--10))
	position: relative;
}

.nudged-up__20 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--20 )));
    margin-bottom: calc(-1 * var(--wp--preset--spacing--20));
	position: relative;
}

.nudged-up__30 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--30 )));
    margin-bottom: calc(-1 * var(--wp--preset--spacing--30));
	position: relative;
}

.nudged-up__40 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--40 )));
    margin-bottom: calc(-1 * var(--wp--preset--spacing--40));
	position: relative;
}

.nudged-up__50 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--50 )));
    margin-bottom: calc(-1 * var(--wp--preset--spacing--50));
	position: relative;
}

.nudged-up__60 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--60 )));
    margin-bottom: calc(-1 * var(--wp--preset--spacing--60));
	position: relative;
}

.nudged-right__10 {
	z-index: 10;
	transform: translateX( calc(1 * var(--wp--preset--spacing--10 )));
    margin-left: calc(1 * var(--wp--preset--spacing--10));
	position: relative;
}

.nudged-right__20 {
	z-index: 10;
	transform: translateX( calc(1 * var(--wp--preset--spacing--20 )));
    margin-left: calc(1 * var(--wp--preset--spacing--20));
	position: relative;
}

.nudged-right__30 {
	z-index: 10;
	transform: translateX( calc(1 * var(--wp--preset--spacing--30 )));
    margin-left: calc(1 * var(--wp--preset--spacing--30));
	position: relative;
}

.nudged-right__40 {
	z-index: 10;
	transform: translateX( calc(1 * var(--wp--preset--spacing--40 )));
    margin-left: calc(1 * var(--wp--preset--spacing--40));
	position: relative;
}

.nudged-right__50 {
	z-index: 10;
	transform: translateX( calc(1 * var(--wp--preset--spacing--50 )));
    margin-left: calc(1 * var(--wp--preset--spacing--50));
	position: relative;
}

.nudged-right__60 {
	z-index: 10;
	transform: translateX( calc(1 * var(--wp--preset--spacing--60 )));
    margin-left: calc(1 * var(--wp--preset--spacing--60));
	position: relative;
}

.nudged-down__10 {
	z-index: 10;
	transform: translateY( calc(1 * var(--wp--preset--spacing--10 )));
    margin-top: calc(1 * var(--wp--preset--spacing--10));
	position: relative;
}

.nudged-down__20 {
	z-index: 10;
	transform: translateY( calc(1 * var(--wp--preset--spacing--20 )));
    margin-top: calc(1 * var(--wp--preset--spacing--20));
	position: relative;
}

.nudged-down__30 {
	z-index: 10;
	transform: translateY( calc(1 * var(--wp--preset--spacing--30 )));
    margin-top: calc(1 * var(--wp--preset--spacing--30));
	position: relative;
}

.nudged-down__40 {
	z-index: 10;
	transform: translateY( calc(1 * var(--wp--preset--spacing--40 )));
    margin-top: calc(1 * var(--wp--preset--spacing--40));
	position: relative;
}

.nudged-down__50 {
	z-index: 10;
	transform: translateY( calc(1 * var(--wp--preset--spacing--50 )));
    margin-top: calc(1 * var(--wp--preset--spacing--50));
	position: relative;
}

.nudged-down__60 {
	z-index: 10;
	transform: translateY( calc(1 * var(--wp--preset--spacing--60 )));
    margin-top: calc(1 * var(--wp--preset--spacing--60));
	position: relative;
}

.nudged-left__10 {
	z-index: 10;
	transform: translateX( calc(-1 * var(--wp--preset--spacing--10 )));
    margin-right: calc(-1 * var(--wp--preset--spacing--10));
	position: relative;
}

.nudged-left__20 {
	z-index: 10;
	transform: translateX( calc(-1 * var(--wp--preset--spacing--20 )));
    margin-right: calc(-1 * var(--wp--preset--spacing--20));
	position: relative;
}

.nudged-left__30 {
	z-index: 10;
	transform: translateX( calc(-1 * var(--wp--preset--spacing--30 )));
    margin-right: calc(-1 * var(--wp--preset--spacing--30));
	position: relative;
}

.nudged-left__40 {
	z-index: 10;
	transform: translateY( calc(-1 * var(--wp--preset--spacing--40 )));
    margin-right: calc(-1 * var(--wp--preset--spacing--40));
	position: relative;
}

.nudged-left__50 {
	z-index: 10;
	transform: translateX( calc(-1 * var(--wp--preset--spacing--50 )));
    margin-right: calc(-1 * var(--wp--preset--spacing--50));
	position: relative;
}

.nudged-left__60 {
	z-index: 10;
	transform: translateX( calc(-1 * var(--wp--preset--spacing--60 )));
    margin-right: calc(-1 * var(--wp--preset--spacing--60));
	position: relative;
}

.block-editor-iframe__body :is(
	.nudged-up__10, .nudged-up__20, .nudged-up__30, .nudged-up__40, .nudged-up__50, .nudged-up__60,
	.nudged-right__10, .nudged-right__20, .nudged-right__30, .nudged-right__40, .nudged-right__50, .nudged-right__60,
	.nudged-down__10, .nudged-down__20, .nudged-down__30, .nudged-down__40, .nudged-down__50, .nudged-down__60,
	.nudged-left__10, .nudged-left__20, .nudged-left__30, .nudged-left__40, .nudged-left__50, .nudged-left__60
	) {
		transform: translateX(0);
    	margin: 0;
}

/* --- Video --- */
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	border-radius: .5rem;
}

:root {
	--shadow-color: 251deg 24% 61%;
	--shadow-elevation-low: .3px .4px .5px hsl(var(--shadow-color) / 0.48), .5px .7px .8px -1.7px hsl(var(--shadow-color) / 0.39), 1.4px 1.8px 2.2px -3.5px hsl(var(--shadow-color) / 0.3);
	--shadow-elevation-medium: .3px .4px .5px hsl(var(--shadow-color) / 0.51), .9px 1.2px 1.5px -1.2px hsl(var(--shadow-color) / 0.43), 2.6px 3.3px 4.1px -2.3px hsl(var(--shadow-color) / 0.36), 6.8px 8.8px 10.8px -3.5px hsl(var(--shadow-color) / 0.29);
	--shadow-elevation-high: .3px .4px .5px hsl(var(--shadow-color) / 0.42), 1.2px 1.6px 2px -.4px hsl(var(--shadow-color) / 0.39), 2.3px 3px 3.7px -.9px hsl(var(--shadow-color) / 0.36), 3.9px 5px 6.2px -1.3px hsl(var(--shadow-color) / 0.34), 6.5px 8.4px 10.4px -1.7px hsl(var(--shadow-color) / 0.31), 10.4px 13.4px 16.5px -2.2px hsl(var(--shadow-color) / 0.28), 16px 20.7px 25.5px -2.6px hsl(var(--shadow-color) / 0.26), 23.8px 30.8px 38px -3.1px hsl(var(--shadow-color) / 0.23), 34.2px 44.1px 54.4px -3.5px hsl(var(--shadow-color) / 0.21);
	--wp--preset--color--supportive-open: color-mix(in srgb, var(--wp--preset--color--uniting-red), var(--wp--preset--color--consensus-warm));
	--wp--preset--color--stream-a-supportive-open: color-mix(in srgb, var(--wp--preset--color--stream-a), var(--wp--preset--color--stream-a-base));
	--wp--preset--color--stream-b-supportive-open: color-mix(in srgb, var(--wp--preset--color--stream-b), var(--wp--preset--color--stream-b-base));
	--wp--preset--color--stream-c-supportive-open: color-mix(in srgb, var(--wp--preset--color--stream-c), var(--wp--preset--color--stream-c-base));
	--wp--preset--color--stream-d-supportive-open: color-mix(in srgb, var(--wp--preset--color--stream-d), var(--wp--preset--color--stream-d-base))
}

/* Broken Links */
:is(.logged-in) .broken_link, :is(.logged-in) a.broken_link {
    text-decoration: none;
}

/* Shadows */

.has-low-elevation-shadow {
	box-shadow: var(--shadow-elevation-low)
}

.has-medium-elevation-shadow {
	box-shadow: var(--shadow-elevation-medium)
}

.has-high-elevation-shadow {
	box-shadow: var(--shadow-elevation-high)
}

.process-path .nudged-path-width-left {
	margin-left: -.5rem
}

.process-path .path-point.is-content-justification-left h3.wp-block-heading::before {
	content: '';
	height: 1.5rem;
	width: 1.5rem;
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-25 -25 100 100' patternContentUnits='objectBoundingBox'><circle id='well-A' cx='25' cy='25' r='50' /></svg>");
	background-color: currentColor;
	position: relative;
	display: inline-flex;
	margin-left: -3rem;
	margin-right: 1.5rem
}

.process-path .path-point.is-content-justification-right h3.wp-block-heading::after {
	content: '';
	height: 1.5rem;
	width: 1.5rem;
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-25 -25 100 100' patternContentUnits='objectBoundingBox'><circle id='well-A' cx='25' cy='25' r='50' /></svg>");
	background-color: currentColor;
	position: relative;
	display: inline-flex;
	margin-right: -3rem;
	margin-left: 1.5rem
}

.process-path .path-point {
	margin-top: -1.5rem
}

.single-section .wp-block-post-title>a:has(> .section-post-title),
.single-section .wp-block-post-title:has(> .section-post-title),
.single-section .wp-block-heading:has( > .section-post-title )
	{
	align-content: flex-start;
	border-bottom: none;
	display: flex;
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	flex-flow: row wrap;
	justify-content: flex-start
}

.wp-block-post-template .wp-block-post-title>a:has(> .section-post-title),
.wp-block-post-template .section .wp-block-post-title:has(> .section-post-title),
.single-section .wp-block-heading:has( > .section-post-title )
	{
	flex-flow: column
}

.single-section .section-number {
	display: inline;
	flex: 0 1 auto;
	line-height: .85em;
	margin-inline-start: -.15ch
}

.wp-block-post-template.columns-2 .section:has(> .wp-block-post-title a > .section-number)+.section>.wp-block-post-title:has(.section-post-title:only-child) {
	margin-top: calc((3em * .85) + .85em + var(--wp--preset--spacing--10))
}

.single-section .section-post-title {
    font-weight: 600;
}

.single-section .section-post-title {
	flex: 1 1 20rem;
	display: inline
}

.wp-block-post-template .section .section-post-title {
	flex: 1 0 auto;
	display: inline
}

ul.columns-3.is-layout-grid.is-column-offset>li {
	position: relative;
	top: -25%
}

ul.columns-3.is-layout-grid.is-column-offset>li:nth-child(3n-1) {
	position: relative;
	top: 25%
}

nav.wp-block-table-of-contents ol,
nav.wp-block-table-of-contents ul {
	list-style-type: disc;
	padding-inline-start: 0
}

nav.wp-block-table-of-contents ol ol,
nav.wp-block-table-of-contents ul ul {
	list-style-type: circle;
	padding-inline-start: 1.25rem
}

/**
 *
 * Standard pagination navigation styling 
 *
 */
.post-nav-links {
	max-width: var(--wp--style--global--content-size);
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: .5rem
}

.post-nav-links .post-page-numbers {
	min-width: fit-content;
	max-width: 600px;
	min-height: 2.6rem;
	border: none;
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff
}

.post-nav-links .post-page-numbers.current,
.post-nav-links .post-page-numbers:hover {
	background-color: var(--wp--preset--color--base-1);
}

/**
 *
 * Section pagination navigation styling 
 *
 */











h2.wp-block-post-title {
	font-weight: 800
}

.section-number {
	font-size: 3em;
	font-weight: 400
}

.section-sub-title {
	font-weight: 400
}

.entry-content>.wp-block-group:last-of-type {
	padding-bottom: var(--wp--preset--spacing--20)
}

.entry-content>.roadmap .stream-1-color,
.entry-content>.roadmap .stream-2-color,
.entry-content>.roadmap .stream-3-color {
	border-radius: 0 0 2rem 2rem
}

.disabled-gray-text {
	color: #a7aaad
}

@media only screen and (min-width: 782px) {
	.full-streams-color {
		display: flex
	}

	.mobile-stream-colors {
		display: none !important
	}
}

@media only screen and (max-width: 782px) {
	.full-streams-color {
		display: none !important
	}

	.mobile-stream-colors {
		display: flex
	}

	.entry-content>.roadmap .dates {
		padding-top: var(--wp--preset--spacing--10) !important;
		padding-bottom: var(--wp--preset--spacing--10) !important;
		justify-content: flex-end
	}
}

.wp-block-post-featured-image>a {
	border-bottom: 0 none
}

.wp-block-post-template .wp-block-post-title>a {
	display: inline
}

.hidden {
	display: none !important
}

details.wp-block-details {
	display: grid;
	grid-template-rows: min-content repeat(auto-fill, 0fr);
	transition: grid-template-rows .05s
}

details.wp-block-details[open] {
	grid-template-rows: min-content repeat(auto-fill, 1fr)
}

sup.fn {
	font-size: .9rem;
	font-style: normal;
	padding-left: .25em;
	line-height: .8;
	text-decoration: none
}

sup.fn a {
	border-bottom: none
}

.graph>div {
	position: relative
}

.chart .toggleButton.toggled-off>a:not(:hover):not(:active) {
	background-color: transparent !important
}

.chart .toggleButton.disabled {
	pointer-events: none
}

.chart .toggleButton.disabled a {
	color: var(--wp--preset--color--base-3) !important
}

.axis-x {
	flex-wrap: no-wrap;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%
}

.axis-x .option-label {
	flex-shrink: 1
}

.axis-x .council-types {
	height: 100%
}

.axis-x-percent-labels {
	height: 100%;
	z-index: 100
}

.axis-x-percent-labels>div {
	position: relative;
	border-left: 1px dashed currentColor;
	width: 100%
}

.axis-x-percent-labels>div.marker-0,
.axis-x-percent-labels>div.marker-50 {
	border-left: 1px solid currentColor
}

.axis-x-percent-labels>div.marker-100 {
	border-right: 1px solid currentColor
}

.axis-x-percent-labels>div p {
	position: absolute;
	width: 100%;
	left: calc(-50% + .25rem);
	text-align: center;
	top: -1.5rem
}

.axis-x-percent-labels>div.marker-100>p {
	left: calc(50% + -.25rem)
}

/* Breakpoint for bars */
.council-types-label {
	width: 7.5rem
}

#Total-Comparison-of-Options .council-types-label,
#comparison-chart-by-council-type .council-types-label {
	width: fit-content;
}

.wp-block-group:has(> .percent) {
	position: relative
}

.percent {
	border-radius: 4px;
	background-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
	display: flex;
	font-size: .9rem;
	padding: .125rem .25rem;
	right: .75rem;
	z-index: 100
}

.council-types-label + .percent {
	border: 1px solid currentColor;
    background-color: transparent;
    color: currentColor;
	transform: scale(1.4);
	width: 3rem;
}

/* New chart styles */
.feedback-on-direction  .not-supportive .percent {
    display: none !important;
}

.feedback-on-direction .supportive,
.feedback-on-direaction .toggle-supportive:before {
    background-color: var(--wp--preset--color--accent-1);
}

.feedback-on-direction  .open,
.feedback-on-direction  .toggle-open:before {
    background-color: var(--wp--preset--color--consensus-warm);
}

.feedback-on-direction .percent {
    position: relative !important;
    right: 0;
}

.feedback-on-direction .council-types-total {
    height: 9rem;
}

.feedback-on-direction .council-types-total .data {
    height: 6rem;
}

.feedback-on-direction .show-support-types {
	justify-content: flex-start;
}



@media only screen and (max-width: 874px) {
	.axis-x-percent-labels>div {
		display: none
	}

	.axis-x-percent-labels>div.marker-0,
	.axis-x-percent-labels>div.marker-0+div,
	.axis-x-percent-labels>div.marker-50,
	.axis-x-percent-labels>div.marker-100 {
		display: flex
	}

	.option-label>.wp-block-group.is-vertical {
		justify-content: flex-end
	}
}

@media only screen and (max-width: 600px) {

	.option {
		margin: var(--wp--preset--spacing--10) 0
	}

	.option-label > div {
		min-height: unset !important;
	}

	.labels {
		gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--10) !important;
	}

	.council-types > .wp-block-group > .wp-block-group {
		justify-content: space-between;
		width: 100%;
	}
	
	.data {
		width: 100%
	}

	.data:has(> .total) {
		position: relative
	}

	.data>.total {
		align-items: flex-end;
		position: absolute;
		top: 50%;
		right: 0
	}

	.data>.total .percent {
		border: 1px solid currentColor
	}

	.axis-x-percent-labels>div.marker-0 p {
		left: calc(-50% + .25rem)
	}

	.axis-x-percent-labels>div.marker-100 p {
		left: calc(50% + .25rem);
		text-align: left
	}

	.axis-x-percent-labels+.total {
		display: none
	}

	.show-grid.button,
	.axis-x-percent-labels {
		display: none !important
	}
}

#feedback-on-options-chart .graph .not-supportive>.percent {
	display: none !important
}



@media only screen and (max-width: 874px) {

	.axis-x-percent-labels {
		display: none !important
	}

	#toggle-grid {
		display: none !important;
		visibility: hidden !important
	}
}

.show-support-types {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	justify-content: center;
	padding-left: 0
}

.show-support-types li {
	align-items: center;
	display: flex;
	flex-flow: row nowrap;
	gap: .75rem;
	justify-content: center
}

.show-support-types li::marker {
	display: none
}

.show-support-types li::before {
	border-radius: 50%;
	content: '';
	display: block;
	height: 2rem;
	width: 2rem;
	outline: 1px solid var(--wp--preset--color--black);
	outline-offset: 2px
}

.toggle-supportive::before {
	background-color: var(--wp--preset--color--accent-1);
}

.toggle-open::before {
	background-color: var(--wp--preset--color--consensus-warm);
}

.toggle-not-supportive::before {
	background-color: var(--wp--preset--color--accent-2);
}

#total-comparison-of-options-chart .graph .data .supportive-open {
	background-color: var(--wp--preset--color--supportive-open);
}

#total-comparison-of-options-chart .show-support-types li.toggle-supportive-open::before {
	background-color: var(--wp--preset--color--supportive-open)
}

#total-comparison-of-options-chart .show-support-types li.toggle-supportive::before {
	background-color: var(--wp--preset--color--uniting-red)
}

#total-comparison-of-options-chart .show-support-types li.toggle-open::before {
	background-color: var(--wp--preset--color--consensus-warm)
}

#total-comparison-of-options-chart .show-support-types li.toggle-not-supportive::before {
	background-color: var(--wp--preset--color--accent-2)
}

#feedback-on-options-chart .show-support-types li.toggle-supportive::before {
	background: linear-gradient(45deg, var(--wp--preset--color--stream-a), var(--wp--preset--color--stream-a) 100%), linear-gradient(135deg, var(--wp--preset--color--stream-b), var(--wp--preset--color--stream-b)), linear-gradient(225deg, var(--wp--preset--color--stream-c), var(--wp--preset--color--stream-c)), linear-gradient(225deg, var(--wp--preset--color--stream-d), var(--wp--preset--color--stream-d));
	background-size: 50% 50%;
	background-position: 0 0%, 0 100%, 100% 0%, 100% 100%;
	background-repeat: no-repeat
}

#feedback-on-options-chart .show-support-types li.toggle-open::before {
	background: linear-gradient(45deg, var(--wp--preset--color--stream-a-base), var(--wp--preset--color--stream-a-base) 100%), linear-gradient(135deg, var(--wp--preset--color--stream-b-base), var(--wp--preset--color--stream-b-base)), linear-gradient(225deg, var(--wp--preset--color--stream-c-base), var(--wp--preset--color--stream-c-base)), linear-gradient(225deg, var(--wp--preset--color--stream-d-base), var(--wp--preset--color--stream-d-base));
	background-size: 50% 50%;
	background-position: 0 0%, 0 100%, 100% 0%, 100% 100%;
	background-repeat: no-repeat
}

#feedback-on-options-chart .show-support-types li.toggle-supportive-open::before {
	background: linear-gradient(45deg, var(--wp--preset--color--stream-a-supportive-open), var(--wp--preset--color--stream-a-supportive-open) 100%), linear-gradient(135deg, var(--wp--preset--color--stream-b-supportive-open), var(--wp--preset--color--stream-b-supportive-open)), linear-gradient(225deg, var(--wp--preset--color--stream-c-supportive-open), var(--wp--preset--color--stream-c-supportive-open)), linear-gradient(225deg, var(--wp--preset--color--stream-d-supportive-open), var(--wp--preset--color--stream-d-supportive-open));
	background-size: 50% 50%;
	background-position: 0 0%, 0 100%, 100% 0%, 100% 100%;
	background-repeat: no-repeat
}

#feedback-on-options-chart:has(.graph .option-1:hover) .show-support-types li.toggle-supportive::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-a)
}

#feedback-on-options-chart:has(.graph .option-1:hover) .show-support-types li.toggle-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-a-base)
}

#feedback-on-options-chart:has(.graph .option-1:hover) .show-support-types li.toggle-supportive-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-a-supportive-open)
}

#feedback-on-options-chart:has(.graph .option-2:hover) .show-support-types li.toggle-supportive::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-b)
}

#feedback-on-options-chart:has(.graph .option-2:hover) .show-support-types li.toggle-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-b-base)
}

#feedback-on-options-chart:has(.graph .option-2:hover) .show-support-types li.toggle-supportive-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-b-supportive-open)
}

#feedback-on-options-chart:has(.graph .option-3:hover) .show-support-types li.toggle-supportive::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-c)
}

#feedback-on-options-chart:has(.graph .option-3:hover) .show-support-types li.toggle-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-c-base)
}

#feedback-on-options-chart:has(.graph .option-3:hover) .show-support-types li.toggle-supportive-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-c-supportive-open)
}

#feedback-on-options-chart:has(.graph .option-4:hover) .show-support-types li.toggle-supportive::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-d)
}

#feedback-on-options-chart:has(.graph .option-4:hover) .show-support-types li.toggle-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-d-base)
}

#feedback-on-options-chart:has(.graph .option-4:hover) .show-support-types li.toggle-supportive-open::before {
	background: unset;
	background-color: var(--wp--preset--color--stream-d-supportive-open)
}

/* Supportive + Open bars, as there's no WP-preset in the Theme.json */
#feedback-on-options-chart .graph .option-1 .data .supportive-open {
	background-color: var(--wp--preset--color--stream-a-supportive-open);
}

#feedback-on-options-chart .graph .option-2 .data .supportive-open {
	background-color: var(--wp--preset--color--stream-b-supportive-open);
}

#feedback-on-options-chart .graph .option-3 .data .supportive-open {
	background-color: var(--wp--preset--color--stream-c-supportive-open);
}

#feedback-on-options-chart .graph .option-4 .data .supportive-open {
	background-color: var(--wp--preset--color--stream-d-supportive-open);
}

li.toggleButton.toggled-off::before {
	background: unset !important;
    background-color: var(--wp--preset--color--white) !important;
    box-shadow: 0 0 0 2px hsl(0, 0%, 100%);
    border: 1px solid var(--wp--preset--color--black);
	box-sizing: border-box;
}

.chart:has(.graph .data .supportive-open:hover) .show-support-types li.toggle-supportive-open::before,
.chart:has(.graph .data .supportive-open:focus) .show-support-types li.toggle-supportive-open::before,
.chart:has(.graph .data .supportive:hover) .show-support-types li.toggle-supportive::before,
.chart:has(.graph .data .supportive:focus) .show-support-types li.toggle-supportive::before,
.chart:has(.graph .data .open:hover) .show-support-types li.toggle-open::before,
.chart:has(.graph .data .open:focus) .show-support-types li.toggle-open::before,
.chart:has(.graph .data .not-supportive:hover) .show-support-types li.toggle-not-supportive::before,
.chart:has(.graph .data .not-supportive:focus) .show-support-types li.toggle-not-supportive::before {
	transition: background-color .5s linear
}

.chart.hide-supportive-open .data .supportive-open,
.chart.hide-supportive .data .supportive,
.chart.hide-open .data .open,
/*.chart.hide-not-supportive .data .not-supportive,*/
/* .chart.hide-supportive .data .open, */
.chart.hide-grid .axis-x,
.chart.hide-percentages .data .percent,
.chart.hide-church-councils .church-councils,
.chart.hide-presbyteries .presbyteries,
.chart.hide-synods .synods,
.chart.hide-assembly .assembly,
.chart.hide-council-types-total .council-types-total {
	display: none
}

.option-label:hover+div .data .percent,
.council-types>div:hover .data:not(:hover) .percent,
.data .supportive-open:hover .percent,
.data .open:hover .percent,
.data .supportive:hover .percent,
.data .not-supportive:hover .percent {
	display: flex
}

.chart:has(.graph .data .supportive-open:hover) .show-support-types li.toggle-supportive-open::before,
.chart:has(.graph .data .supportive-open:focus) .show-support-types li.toggle-supportive-open::before,
.chart:has(.graph .data .supportive:hover) .show-support-types li.toggle-supportive::before,
.chart:has(.graph .data .supportive:focus) .show-support-types li.toggle-supportive::before,
.chart:has(.graph .data .open:hover) .show-support-types li.toggle-open::before,
.chart:has(.graph .data .open:focus) .show-support-types li.toggle-open::before,
.chart:has(.graph .data .not-supportive:hover) .show-support-types li.toggle-not-supportive::before,
.chart:has(.graph .data .not-supportive:focus) .show-support-types li.toggle-not-supportive::before {
	transform: scale(1.3);
	transition: transform .25s ease-out;
}

.option-label:hover+div .data .percent,
.council-types>div:hover .data:not(:hover) .percent,
.council-types>div:hover .data:not(:hover) .percent,
.data .supportive-open:hover .percent,
.data .open:hover .percent,
.data .supportive:hover .percent,
.data .not-supportive:hover .percent,
.chart:has(.show-support-types li.toggle-supportive-open:hover) .graph .data .supportive-open .percent,
.chart:has(.show-support-types li.toggle-supportive-open:focus) .graph .data .supportive-open .percent,
.chart:has(.show-support-types li.toggle-supportive:hover) .graph .data .supportive .percent,
.chart:has(.show-support-types li.toggle-supportive:focus) .graph .data .supportive .percent,
.chart:has(.show-support-types li.toggle-open:hover) .graph .data .open .percent,
.chart:has(.show-support-types li.toggle-open:focus) .graph .data .open .percent,
.chart:has(.show-support-types li.toggle-not-supportive:hover) .graph .data .not-supportive .percent,
.chart:has(.show-support-types li.toggle-not-supportive:focus) .graph .data .not-supportive .percent {
	transform: scale(1.4);
	transition: transform .25s ease-out
}

@media (prefers-reduced-motion: no-preference) {
	@keyframes headerLoad {
		0% {
			opacity: 0;
			transform: translateY(1rem)
		}

		100% {
			opacity: 1;
			transform: translateY(0)
		}
	}

	@keyframes chartGrow {
		0% {
			width: 100%;
		}
		100% {
			width: 0%;
		}
	}

	@keyframes entryLoad {
		0% {
			opacity: 0;
			transform: translateY(2rem)
		}

		100% {
			opacity: 1;
			transform: translateY(0)
		}
	}

	h1 {
		animation: headerLoad 1s
	}

	.entry-content {
		animation: entryLoad 2s
	}

	.chart .graph .data>div>div {
		animation: chartGrow 2s ease-out 0s 1 normal both
	}

	/* Pop-outs */
	.pop-out {
		transform: scale(1);
		transition: transform .25s ease-in-out;
	}

	
	.pop-out:hover, 
	.pop-out:focus-within {
		transform: scale(1.025);
		transition: transform .5s ease-in-out;
	}
	
	.pop-out.has-low-elevation-shadow:hover, 
	.pop-out.has-low-elevation-shadow:focus-within {
	    box-shadow: var(--shadow-medium-high);
    }

	.pop-out.has-medium-elevation-shadow:hover, 
	.pop-out.has-medium-elevation-shadow:focus-within {
	    box-shadow: var(--shadow-elevation-high);
    }
}

/* Home page */



.home .entry-content:has(> .wp-block-columns.nudged-up__60) {
	z-index: 9;
}

.home .wp-block-columns.nudged-up__50 {
	z-index: 10;
}

.home .wp-block-columns.nudged-up__60:has( > .wp-block-column > .pop-out) {
	position: relative;
	transform: translateY( calc(-2 * var(--wp--preset--spacing--60 )));
	margin-bottom: calc(-2 * var(--wp--preset--spacing--60));
	z-index: 10;
}

/* Report Cover page */
.wp-block-cover:has(+ .wp-block-group details[open]) #report-cover-content,
.wp-block-cover:has(+ .wp-block-group details[open]) .wp-block-cover__background {
	opacity: 0;
}


.pop-out {
	overflow: hidden;
}

.pop-out,
.pop-out.has-no-shadow {
	box-shadow: none;
}

.pop-out.has-medium-elevation-shadow {
	box-shadow: var(--shadow-elevation-low);
}

.pop-out.has-high-elevation-shadow {
	box-shadow: var(--shadow-elevation-medium);
}

.pop-out .wp-block-post-featured-image a {
	border-bottom: none;
}

.post-tile {
	overflow: hidden;
}

.post-tile .wp-block-post-featured-image a {
	border-bottom: none;
}

.has-chevron-down::before {
	content: '';
	width: 1rem;
	height: 1rem;
	margin: 0 auto 1rem auto;
	mask-image: url("'data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z' /></svg>");
	display: block;
	background-color: currentColor;
}

.report-duotone {
	position: relative;
	background-blend-mode: luminosity;
}

.report-duotone::before {
	background-color: var(--wp--preset--color--accent-2) !important;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: .6;
	z-index: 1;
}

.report .wp-block-cover .nudged-up__50:has(.wp-block-details) {
    z-index:2;
}

.wp-block-table td, .wp-block-table th {
	vertical-align: baseline;
}

a:has(> img ) {
    border-bottom: none !important;
}

/* Stream colours */
span.table-stream-a,
span.table-stream-b,
span.table-stream-c {
    border-radius:  50%;
    aspect-ratio: 1/1;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight:700
}

span.table-stream-a {
    background-color: #8daff4;
}

span.table-stream-b {
    background-color: #ffecb8;
}

span.table-stream-c {
    background-color: #98fcc0;
}