.ACCORDION .row {
	padding: 25rem 0;
	border-bottom: 1rem solid #C9C9C9;
}

.ACCORDION .row:first-child {
	padding-top: 0 !important;
}

.ACCORDION .row:not(.alt-active) {
	background: url(../accordion/images/arrow.svg) no-repeat bottom 28rem right;
}

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

.ACCORDION .heading {
	cursor: pointer;
}

.ACCORDION .mobile-heading {
	display: none;
}

.ACCORDION .row.alt-active .heading h5 {
	margin-top: 10rem !important;
	font-size: 42rem;
	transition: font-size 0.2s;
}

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

.ACCORDION .content {
	margin-top: 15rem;
}

.ACCORDION .rows.alt-singular .row.alt-active .heading {pointer-events: none;}



/* image */

.ACCORDION[data-style="image"] .rows {
	position: relative;
	padding: 0 calc(50% + 20rem) 0 0;
}

.ACCORDION[data-style="image"] .image {
	overflow: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: calc(50% - 20rem);
	transition: opacity 0.25s;
}

.ACCORDION[data-style="image"] .row.alt-active .image {opacity:1;}

@media screen and (max-width: 960px) {
	.ACCORDION[data-style="image"] .rows {min-height: 0 !important; padding: 0;}
	.ACCORDION[data-style="image"] .row {border: none !important; background: none !important; padding: 20rem 0;}
	.ACCORDION[data-style="image"] .row:last-child {padding-bottom: 0;}
	.ACCORDION[data-style="image"] .eyebrow {display: none;}
	.ACCORDION[data-style="image"] .heading {display: none;}
	.ACCORDION[data-style="image"] .mobile-heading {display: block;}
	.ACCORDION[data-style="image"] .container {max-height: none !important;}
	.ACCORDION[data-style="image"] .image {position:static; width:auto; padding: 0 0 20rem 0; opacity: 1;}

}