/* remove details summary arrow */
.acf_section--accordion summary {
	display: block;
}

.acf_section--accordion summary::-webkit-details-marker,
.acf_section--accordion summary::marker {
	display: none;
}



/* accordion begin */
.acf_section--accordion .accordion_text {
    padding: 0px calc(var(--gap-round-box) * 2);
	overflow: hidden;
	max-height: 0px;
	transition: max-height 300ms linear;
}

.acf_section--accordion .accordion {
	background-color: var(--color-light-grey);
	border-radius: var(--br-img);
}

.color-theme--light-grey .acf_section--accordion .accordion {
    background-color: var(--color-white);
}

.acf_section--accordion .accordion + .accordion {
	margin-top: calc(var(--gap-round-box) / 2);
}

.acf_section--accordion summary {
	cursor: pointer;
	display: grid;
	grid: 1fr / 1fr auto;
	gap: 0px var(--hgap-universal);
	align-items: center;
	padding: calc(var(--gap-round-box) * 2);
}

.acf_section--accordion summary::after {
	content: '\e5cf';
    font-family: var(--ff-icon-font);
    font-size: 1.4rem;
	display: block;
}

.acf_section--accordion .headline {
	margin-bottom: var(--vgap-universal);
}

.acf_section--accordion details .headline {
	margin-bottom: 0px;
}

.acf_section--accordion .accordion_text::after {
	content: "";
	height: calc(var(--gap-round-box) * 2);
	display: block;
}



/* open */
.acf_section--accordion [open] summary::after {
	transform: rotate(180deg);
}

.acf_section--accordion [open] + .accordion_text {
	max-height: var(--max-height, 0px);
}



/* maxwidth */
.acf_section--accordion .accordion_maxwidth {
	max-width: 800px;
}