/* ACCORIDON */

.ACCORDION .row:not(:last-child) {
	margin-bottom: var(--s5);
}

.ACCORDION .row::before {
	content: '';
	display: block;
	height: 1px;
	background: var(--grey-200);
	margin-bottom: var(--s5);
}

.ACCORDION .row:last-child::after {
	content: '';
	display: block;
	height: 1px;
	background: var(--grey-200);
	margin-top: var(--s5);
}

.ACCORDION .heading {
	z-index: 1;
	margin: 0;
	position: relative;
	padding-right: var(--s6);
	transition: color 0.25s;
}

.ACCORDION .toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: var(--s5);
	height: var(--s5);
	text-indent: -9999rem;
	border: none;
	padding: 0;
	margin: 1rem 0 0;
	cursor: pointer;
	background: none;
	box-shadow: inset 0 0 0 1px var(--blue-500);
	color: var(--blue-700);
	border-radius: 9999rem;
	transition: background-color 0.25s, color 0.25s;
}

.ACCORDION .toggle span {
	position: absolute;
	overflow: hidden;
	width: 1rem;
	height: 1rem;
	left: -9999rem;
}

.ACCORDION .toggle svg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: var(--s5);
	height: var(--s5);
	fill: currentColor;
}

.ACCORDION .toggle svg:nth-child(1) {
	display: block;
}

.ACCORDION .toggle::after {
	content: '';
	position: absolute;
	top: var(--ns3);
	right: 0;
	bottom: var(--ns3);
	left: -9999rem;
}

.ACCORDION .toggle:hover {
	background: var(--blue-500);
	color: var(--white);
}

.ACCORDION .wrapper {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s;
}

.ACCORDION .content {
	position: relative;
	padding: var(--s3) var(--s6) 0 0;
	z-index: 1;
}

.ACCORDION[data-singular] .row.alt-active::before {background: var(--purple-blue-gradient);}
.ACCORDION[data-singular] .row.alt-active .heading {color: var(--blue-700);}

.ACCORDION .row.alt-active .toggle svg:nth-child(1) {display: none;}
.ACCORDION .row.alt-active .toggle svg:nth-child(2) {display: block;}
.ACCORDION .row.alt-active .wrapper {max-height: var(--height, none);}

@media screen and (max-width: 1440px) {
	.ACCORDION .toggle {margin-top: -2rem;}
	.ACCORDION .content {padding-right: 0;}
}
