.accordion--section {
	background: var(--theme-lt-green);
	padding: 60px 30px;
}

.accordion--title {
	margin-bottom: 15px;
}

.accordion--slides {
	list-style-type: none;
	padding: 0;
	margin: 0 0 40px;
	border-top: 1px solid var(--theme-cream);
	max-width: 580px;
}

.accordion--slide {
	padding: 30px 0;
	border-bottom: 1px solid var(--theme-cream);
}

.accordion--button {
	color: inherit;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
	box-shadow: none;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.accordion--button:focus {
	outline: none;
}

.accordion--button:focus-visible {
	outline: auto;
}

.accordion--button svg {
	align-self: center;
	transition: transform .3s;
}

.accordion--slide.active .accordion--button-text svg {
	margin-left: 10px;
	transform: rotate(90deg);
}

.accordion--image {
	margin-bottom: 30px;
	position: relative;
	border-top-right-radius: var(--theme-radius);
	overflow: hidden;
	max-width: 450px;
}

.accordion--image:before {
	content:  "";
	display: block;
	padding-bottom: 110%;
}

.accordion--image img {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 992px) {
	.accordion--row {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
	}
	
	.accordion--col {
		width: 50%;
	}
	
	.accordion--col.copy-mod {
		padding-top: 50px;
	}
	
	.accordion--slide .accordion--image {
		display: none;
	}
	
	
	.accordion--slides {
		max-width: 680px;
	}
	
	.accordion--slider {
		margin-left: -30px;
		margin-right: 30px;
	}
	
	.accordion--image {
		max-width: none;
		cursor: pointer;
	}
	
	.accordion--image:before {
		padding-bottom: 90%;
	}
	
	.accordion--image:after {
		content: "";
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 53px;
		height: 56px;
		background-image: url(../../images/enlarge.svg);
		background-size: contain;
	}
}