div.accordion h3,
.accordion-content {
	padding: 10px 20px;
	margin-bottom: 20px;
}

div.accordion .grid-container {
	padding: 40px 0 20px;
}

div.accordion .cell {
	padding: 0 30px 0 0;
}

div.accordion .controls {
	padding-bottom: 10px;
}

div.accordion h3 {
	color: #FFFFFF;
	background-color: var(--theme-color-primary);
	display: flex;
	font-size: clamp(14px, calc(22/1920 * 100vw), 22px);
	font-family: var(--theme-font-heading);
	font-weight: 400;
	transition: all 0.3s;
}

div.accordion h3:after {
	content: '+';
	flex: 1 0 auto;
	text-align: right;
}

div.accordion h3.active:after {
	content: '-';
}

div.accordion h3:hover {
	cursor: pointer;
	background-color: var(--theme-color-secondary);
	padding-left:35px !important;
}

.accordion-content {
	padding-top: 0px;
	margin-bottom: 0
}

@media only screen and (max-width: 1440px) {
	div.accordion h3,
	.accordion-content {
		padding: calc(100vw * (10/1440)) calc(100vw * (20/1440));
		margin-bottom: calc(100vw * (20/1440));
	}

	div.accordion .grid-container {
		padding: calc(100vw * (40/1440)) 0 calc(100vw * (20/1440));
	}


	div.accordion .controls {
		padding-bottom: calc(100vw * (10/1440));
	}
}
@media only screen and (max-width: 639px) {
	div.accordion .cell {
		padding:0 15px 0 5px !important;
	}

	div.accordion h3, 
	.accordion-content {
		padding: 5px 10px;
		margin-bottom: 5px;
	}

	div.accordion h3:hover {
		padding-left:15px !important;
	}

	
}