.arthaAccord {
	text-align: center; margin: 0px auto;
	width: var(--artha-theme-max-width);
	border-radius: 0px;
	overflow: hidden;
}

.arthaSection {
	width: var(--artha-theme-max-width);
	overflow: hidden;
	margin-bottom: 20px;
}

.arthaSection:last-child {
	
	margin-bottom: 0px;
	
}

.arthaSectionLabel {
	
	text-align: center; margin: 0px auto;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--artha-accord-section-header);	
  	font-family: var(--artha-accord-section-header-font-family);
	font-size: var(--artha-accord-section-title-font-size-desktop);
	font-weight: 500;
	color: var(--artha-accord-section-header-font-color);
	cursor: pointer;
	
}

.arthaSectionLabel:hover {
	
	background-color: var(--artha-accord-section-header-hover);
	
}

.arthaSectionContent {
	
	font-family: var(--artha-accord-section-content-font-family);
	font-size: var(--artha-accord-section-content-font-size);
	color: var(--artha-accord-section-content-font-color);
	text-align: center; margin: 0px auto;
	max-height: 0px;
	padding: 0px;
	background-color: var(--artha-accord-section-content-color);
	
}

.arthaSectionContentRow {
	
	text-align: center; margin: 0px auto;
	padding: 0px;
	background-color:rgba(19, 23, 34, 1);
	
}

.arthaSectionContentRow:nth-child(odd){
	
    background-color:rgba(240, 114, 114, .1);
	
}

.arthaSectionCheckbox {
	
	position: absolute;
	opacity: 0;
	z-index: -1;
	
}

.arthaSectionCheckbox:checked ~ .arthaSectionContent {
	
	max-height: 100000vh;
	
}

.arthaSectionBreak {
	
	display: block;
    content: "";
    margin-top: 0;
	
}

@media screen and (max-width: 979px) {
	
	.arthaAccord {
		
		width: 100%;
		border-radius: 0px;
		font-size: 12px;
		
	}
	
	.arthaSection {
		
		width: 100%;
		
	}
	
	.arthaSectionLabel {
		
		padding: 5px;
		font-size: var(--artha-accord-section-title-font-size-mobile);
		cursor: pointer;
		
	}
		
}