/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
.accordionWrapper {
/*	box-sizing: border-box;
	background: white;
	border: solid 1px #ccc;
	padding: 1px 1px 0 1px;*/
	width: 100%;
	margin:4rem 0;
}

.accordionWrapper:before, .accordionWrapper:after {
	display: table;
	content: " "
}
.accordionWrapper:after {
	clear: both;
}
.accordionWrapper:before, .accordionWrapper:after {
	display: table;
	content: " "
}

.accordionButton{
font-family: 'Poppins', sans-serif;
	font-weight: bold;
	text-align: center;
	background: transparent;
	color:#373B37;
	box-sizing: border-box;


	font-size:3.5rem;
	display:table;

/*	border-bottom: 1px solid #FFFFFF;*/
	cursor: pointer;
	padding: 1rem 0;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
		position:relative;

	
	-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.accordionButton:after

{
	content:"+";
	color:#E55F2D;
	
	font-size:4rem;
line-height:50px;

vertical-align:middle;
	display:inline;
	text-align:center;
	margin-left:2rem;

		-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.accordionContent {
	border:none;
	background: transparent;
	box-sizing: border-box;
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding:0;
margin-bottom:3rem;
}
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on, .on:hover {


color:#F4B182;
	

}
.accordionButton.on:after

{
	content:"-";


	
}
.over {
color:#F4B182;

}