@charset "utf-8";

/* This is each section header, which also functions as the reveal button. */
.accordionHeader{
	margin: 0px;
	padding: 10px 5px;
	text-align: center;
	background-color: #d3d3d3;
	color: #696969;
	font-weight: bold;
	font-size: 20px;
	max-width: 100%;
	border: 1px solid #ffffff;
}

.accordionHeader:hover{
	cursor: pointer;
	color: #000000;
	background-color: #e8e8e8;
}

/* These styles are applied only when a header is opened. */
.accordionHeaderOpenStyles{
	background-color: #ffffff;
	color: #000000;
}




/* This contains the optional + or - icon next to the header. */
.headerIcon{
	float: left;
	min-width: 16px;
}





/* This contains the content to be revealed. */
.accordionSection{
	display: none;
	position: relative;
	margin: 0px auto 75px auto;
	animation: contentFadeIn 0.2s;
}
@keyframes contentFadeIn{
	from{
		opacity: 0;
		top: -20px;
	}
	to{
		opacity: 1;
		top: 0px;
	}
}