
/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
	width:100%;
	padding:20px;
	display:inline-block;
	border-bottom:1px solid #9E9E9E;
	transition:all linear 0.5s;
	/* Type */
	font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;
		text-decoration:none;
}
a { color:#363C3F; }
a:visited { color:#182833; }

a:hover { color:#7F7F7F; }
a:active { color:black; }

.accordion-section-title.active, .accordion-section-title:hover {
	background:#F6F9FF;
	/* Type */
	-webkit-box-shadow: inset 0px 5px 36px -10px rgba(132,136,140,1);
-moz-box-shadow: inset 0px 5px 36px -10px rgba(132,136,140,1);
box-shadow: inset 0px 5px 36px -10px rgba(132,136,140,1);
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
	background:#F6F9FF;
-webkit-box-shadow: inset -15px -17px 52px -16px rgba(66,66,66,0.23);
-moz-box-shadow: inset -15px -17px 52px -16px rgba(66,66,66,0.23);
box-shadow: inset -15px -17px 52px -16px rgba(66,66,66,0.23);
}
