/* Blayney Accordion Toggle Panels — HANDLE theme element */

.blayney-accordion {
	--atp-panel-bg: #fff;
	--atp-icon-bg: #e9e7e2;
	--atp-radius: 10px;
	--atp-gap: 12px;
	--atp-duration: 0.6s;
	--atp-ease: cubic-bezier(0.625, 0.05, 0, 1);
	position: relative;
	width: 100%;
}

.blayney-accordion__list {
	display: flex;
	flex-flow: column;
	gap: var(--atp-gap);
	margin: 0;
	padding: 0;
}

.blayney-accordion__item {
	background-color: var(--atp-panel-bg);
	border-radius: var(--atp-radius);
}

/* The long selectors are needed to beat the parent theme's ".row .col h3" rules. */
.blayney-accordion .blayney-accordion__item .blayney-accordion__heading {
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: -0.015em;
	text-transform: none;
}

.blayney-accordion .blayney-accordion__item .blayney-accordion__toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	width: 100%;
	margin: 0;
	padding: 17px 17px 17px 26px;
	background: none;
	border: 0;
	border-radius: var(--atp-radius);
	box-shadow: none;
	color: inherit;
	font: inherit;
	font-family: "Figtree", sans-serif;
	letter-spacing: inherit;
	text-align: left;
	text-transform: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.blayney-accordion .blayney-accordion__item .blayney-accordion__toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

.blayney-accordion__title strong {
	color: var(--nectar-accent-color);
}

.blayney-accordion__icon {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background-color: var(--nectar-extra-color-1);
	border-radius: 50%;
	transform: rotate(180deg);
	transition: transform var(--atp-duration) var(--atp-ease);
}

[data-atp-status="active"] > .blayney-accordion__heading .blayney-accordion__icon {
	transform: rotate(0.001deg);
}

.blayney-accordion__icon-svg {
	display: block;
	width: 18px;
	height: 18px;
}

/* The row animates from 0fr to 1fr, so the panel opens to whatever height its content needs. */
.blayney-accordion__panel {
	position: relative;
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows var(--atp-duration) var(--atp-ease);
}

[data-atp-status="active"] > .blayney-accordion__panel {
	grid-template-rows: 1fr;
}

/* Hidden once closed, so links inside a closed panel can't be tabbed to. */
.blayney-accordion__panel-wrap {
	position: relative;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	visibility: hidden;
	transition: visibility 0s linear var(--atp-duration);
}

[data-atp-status="active"] > .blayney-accordion__panel > .blayney-accordion__panel-wrap {
	visibility: visible;
	transition-delay: 0s;
}

.blayney-accordion__panel-content {
	padding: 0 55px 20px 25px;
	font-size: 15.5px;
	line-height: 1.55;
	margin-top: -5px;
}

.blayney-accordion__panel-content p,
.blayney-accordion__panel-content li {
	font-size: inherit;
	line-height: inherit;
}

.blayney-accordion__panel-content p strong {
	color: var(--nectar-accent-color);
}

/* A text colour has been chosen: titles, arrows and content all follow it. */
.blayney-accordion--text-color > .blayney-accordion__list > .blayney-accordion__item,
.blayney-accordion--text-color > .blayney-accordion__list > .blayney-accordion__item > .blayney-accordion__heading,
.blayney-accordion--text-color > .blayney-accordion__list > .blayney-accordion__item .blayney-accordion__title strong,
.blayney-accordion--text-color > .blayney-accordion__list > .blayney-accordion__item .blayney-accordion__panel-content p strong {
	color: var(--atp-text);
}

.blayney-accordion .blayney-accordion__panel-content > *:last-child,
.blayney-accordion .blayney-accordion__panel-content > .wpb_content_element:last-child {
	margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
	.blayney-accordion__icon,
	.blayney-accordion__panel,
	.blayney-accordion__panel-wrap {
		transition: none;
	}
}

/* 690 */
@media only screen and (max-width: 690px) {

	.blayney-accordion {
		--atp-gap: 10px;
	}

	.blayney-accordion .blayney-accordion__item .blayney-accordion__heading {
		font-size: 15.5px;
	}

	.blayney-accordion .blayney-accordion__item .blayney-accordion__toggle {
		gap: 15px;
		padding: 16px 16px 16px 20px;
	}

	.blayney-accordion__icon {
		width: 32px;
		height: 32px;
	}

	.blayney-accordion__icon-svg {
		width: 16px;
		height: 16px;
	}

	.blayney-accordion__panel-content {
		padding: 0 20px 20px;
		font-size: 13.75px;
		line-height: 1.5;
	}
}
