/* Essential functionality styling 
---------------------------------------------- */
	.accordion {
		border: 1px solid black;
		/*margin : 0 0 10px 0;*/
		margin : 0;
	}
	.accordion-content{
		border: 1px solid blue;
	}
	.accordion-header{
		border: 1px solid red;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.accordion-wrapper{
		border: 1px solid green;
		height : 0;
		overflow: hidden;
		margin: 0;
		-webkit-transition : height .4s;
		-moz-transition : height .4s;
		transition : height .4s;
	}

/* WP specific styling
---------------------------------------------- */

	/* Base
	---------------------------------------------- */
		li.accordion {
			list-style: none;
		}
		li.accordion a {
			display: inline-block;
			width: 100%;
		}

	/* WP Nav Menu Accordion
	 * 
	 * - Header has both link & trigger
	 * - link is clickable
	 * - trigger opens/closes accordion
	 * - trigger icon toggles states
	---------------------------------------------- */
		.nav-menu li.accordion a {
			display: inline-table;
			text-decoration: none;
		}
		.nav-menu li.accordion a p {
			border: 1px solid red;
			display: table-cell;
			padding: 13px 21px;
			margin: 0;
		}
		.nav-menu li.accordion a p.accordion-header {
			width: 40px;
			padding: 0px 10px;
			text-align: center;
		}
		.nav-menu li.accordion a:last-child p.accordion-header {
			padding: 13px 0px;
			width: 0px;
		}
		.nav-menu li.accordion a p.accordion-header span:before {
			font-family: 'themify';
			content: ">";
			content: "\e64b";
		}
		.nav-menu li.accordion.-open > a p.accordion-header span:before {
			content: "\e648";
		}

		.nav-menu li.accordion a:last-child p.accordion-header span {
			display: none;
		}