.accordion dl,
.accordion-list {}

.accordion dd,
.accordion__panel {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 15px;
}


.accordionTitle,
.accordion__Heading {
	font-weight: 600;
	display: block;
	text-decoration: none;
	padding: 10px 0;
	transition: background-color 0.5s ease-in-out;

	&:before {
		content: "\002B";
		font-size: 1.25em;
		line-height: 0.65em;
		float: right;
		transition: transform 0.3s ease-in-out;
	}
}

.js-accordionTrigger{
	cursor: pointer;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
	background-color: darken(#38cc70, 10%);

	&:before {
		content: "\2212";
		transform: rotate(-180deg);
	}
}

.accordionItem {
	height: auto;
	overflow: hidden;
	max-height: 50em;
	transition: max-height 0.5s;


	@media screen and (min-width:48em) {
		max-height: 15em;
		transition: max-height 0.5s
	}
}

.accordionItem a{
	color: var(--color-dark-blue);
}

.accordionItem.is-collapsed {
	max-height: 0;
}

.no-js .accordionItem.is-collapsed {
	max-height: auto;
}

.animateIn {
	/* animation: accordionIn 0.45s normal ease-in-out both 1;  */
}

.animateOut {
	animation: accordionOut 0.5s alternate ease-in-out both 1;
}

@keyframes accordionIn {
	0% {
		opacity: 0;
		transform: scale(0.9) rotateX(-60deg);
		/* transform-origin: 50% 0; */
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes accordionOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(0.9) rotateX(-60deg);
	}
}