#accordion input {
	display: none;
}
#accordion label {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: #3DB97B;
	border-radius: .5em;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;
	border-bottom: 2px solid #176742;
	margin-bottom: .125em;
	padding: .25em 1em;
	z-index: 20;
	width: auto;
}
#accordion label:hover {
	background: #176742;
}
#accordion label:before {
	content: "+";
	float: right;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
#accordion input:checked + label {
	background: #176742;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: white;
	margin-bottom: 0;
}
#accordion input:checked + label:before {
	transform: translate(0px, -2px) rotate(135deg);
}
#accordion article {
	height: 0px;
	overflow: hidden;
	z-index: 10;
	transition: all 0.5s ease-in-out;
}
#accordion input:checked article {
}
#accordion input:checked ~ article {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    height: auto;
    margin-bottom: .125em;
}