/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@import "afwp-menu-accordian-widget.css";
/* Shared for all accordion types */
.afwp-accordion-list:after {
	content: "";
	display: block;
	clear: both;
}

.afwp-accordion [type=radio],
.afwp-accordion [type=checkbox] {
	display: none;
}

.afwp-accordion label {
	display: block;
	font-weight: 700;
	cursor: pointer;
	/* -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
     -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out;*/
}

.afwp-accordion .afwp-content {
	padding: 0 10px;
	overflow: hidden;
	-webkit-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
	-moz-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
	-ms-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
	-o-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
	transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
}

/* Vertical */
.afwp-accordion.vertical label {
	padding: 10px;
}

.afwp-accordion.vertical [type=radio]:checked ~ label,
.afwp-accordion.vertical [type=checkbox]:checked ~ label {
	border-bottom: 0;
}

.afwp-accordion.vertical .afwp-content {
	max-height: 0px;
	height: 100%;
	overflow: hidden;
}

.afwp-accordion.vertical [type=radio]:checked ~ label ~ .afwp-content,
.afwp-accordion.vertical [type=checkbox]:checked ~ label ~ .afwp-content {
	max-height: 500px;
	min-height: 30px;
}

/* Horizontal */
/* Unfortunately fixed heights need to be set for this */
.afwp-accordion.horizontal {
	overflow: hidden;
	height: auto;
}

.afwp-accordion.horizontal ul li {
	float: left;
	margin: 0 1px 1px 0;
	padding: 0px !important;
}

.afwp-accordion.horizontal label {
	word-wrap: break-word;
	letter-spacing: 10px;
	text-align: center;
	height: auto;
	padding: 10px 0 10px 8px;
	width: 30px;
	float: left;
}

.afwp-accordion.horizontal .afwp-content {
	height: 300px;
	padding: 0;
	display: inline-block; /* Makes its work in FF */
	visibility: hidden; /* Chrome bug cant show width < 1px for some reason so need to toggle visibility */
	width: 1px;
	border-left: 0;
}

.afwp-accordion.horizontal [type=radio]:checked ~ label {
	border-right: 0;
}

.afwp-accordion.horizontal [type=radio]:checked ~ label ~ .afwp-content {
	visibility: visible;
	width: 200px;
	padding: 10px;
	border-left: 0;
}

/*
 * Blank Template Design
 */
/*global*/
.template-name label {
	background: rgb(236, 101, 81);
	border: 1px solid #542437;
	color: #fff;
}

.template-name ul li label:hover,
.template-name [type=radio]:checked ~ label,
.template-name [type=checkbox]:checked ~ label {
	background: #C02942;
	color: #FFF;
}

/*verticlal*/
.template-name .vertical label:hover {
	border: 1px solid #542437; /* We don't want the border to disappear on hover */
}

/*horizontal*/
.template-name .horizontal label:hover {
	border: 1px solid #542437; /* Again, we don't want the border to disappear on hover */
}

/*
 * Default Template Design
 */
/*global*/
.afwp-default .afwp-accordian-item-wrap {
	padding: 0;
	border: none;
	position: relative;
	margin: 0 0 1px;
	overflow: hidden;
}

.afwp-default label {
	position: relative;
	display: block;
	color: #fff;
	padding: 10px 0 10px 1em;
	margin: 0;
	background: rgb(71, 160, 0);
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.4em;
	cursor: pointer;
}

.afwp-default label:hover,
.afwp-default [type=radio]:checked ~ label,
.afwp-default [type=checkbox]:checked ~ label {
	background: #00c05f;
	color: #FFF;
}

.afwp-default [type=radio]:checked ~ .afwp-content,
.afwp-default [type=checkbox]:checked ~ .afwp-content {
	padding: 10px;
}

.afwp-default .afwp-content {
	background: rgb(26, 188, 156);
	color: #fff;
}

/*verticlal*/
.afwp-default .vertical label:hover {

}

.afwp-default .vertical .afwp-content {

}

/*horizontal*/
.afwp-default .horizontal label:hover {

}

/*
 * Default Template One
 */
/*Global */

.afwp-template-1 .afwp-accordian-item-wrap {
	padding: 0;
	border: none;
	position: relative;
	margin: 0 0 1px;
	color: rgb(255, 255, 255);
	overflow: hidden;
}

.afwp-template-1 label {
	position: relative;
	display: block;
	color: #fff;
	padding: 10px 0 10px 1em;
	margin: 0;
	background: rgb(22, 160, 133);
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.4em;
	cursor: pointer;
}

.afwp-template-1 label::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
	font-size: 1.5em;
	-webkit-transition: all .35s;
	transition: all .35s;

}

.afwp-template-1 label:hover,
.afwp-template-1 [type=radio]:checked ~ label,
.afwp-template-1 [type=checkbox]:checked ~ label {
	background: rgb(9, 160, 108);
}

.afwp-template-1 label:hover:after,
.afwp-template-1 [type=radio]:checked ~ label:after,
.afwp-template-1 [type=checkbox]:checked ~ label:after {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}

.afwp-template-1 [type=radio]:checked ~ .afwp-content,
.afwp-template-1 [type=checkbox]:checked ~ .afwp-content {
	padding: 10px 10px 0;
	max-height: 999999px;
}

.afwp-template-1 .afwp-content {
	background: rgb(26, 188, 156);
}

/*verticlal*/
.afwp-template-1 .vertical .afwp-accordian-item-wrap {
	width: 100%;
}

.afwp-template-1 .vertical label:hover {
	/*border:1px solid #542437; /* We don't want the border to disappear on hover */
}

/*horizontal*/
.afwp-template-1 .horizontal .afwp-content {
	padding-top: 10px;
}

.afwp-template-1 .horizontal label {
	padding-top: 30px;
}

.afwp-template-1 .horizontal label:after {
	width: 100%;
	height: 30px;
	font-size: 1.5em;
	line-height: 30px;
	text-align: center;
	padding: 0 8px;
}

.afwp-template-1 .horizontal label:hover {
	/*border:1px solid #542437; /* Again, we don't want the border to disappear on hover */
}

/*
* Default theme-default
*/
/*Global */

.afwp-theme-default .afwp-accordian-item-wrap {
	padding: 0;
	border: none;
	position: relative;
	margin: 0 0 1px;
	overflow: hidden;
	border: 1px solid #e1e1e1;
}

.afwp-theme-default label {
	position: relative;
	display: block;
	padding: 10px 0 10px 1em;
	margin: 0;
	font-weight: 0;
	text-transform: uppercase;
	line-height: 1.4em;
	cursor: pointer;
	margin-top: -20px;
}

.afwp-theme-default label::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
	font-size: 1.5em;
	-webkit-transition: all .35s;
	transition: all .35s;

}

.afwp-theme-default label:hover,
.afwp-theme-default [type=radio]:checked ~ label,
.afwp-theme-default [type=checkbox]:checked ~ label {
}

.afwp-theme-default label:hover:after,
.afwp-theme-default [type=radio]:checked ~ label:after,
.afwp-theme-default [type=checkbox]:checked ~ label:after {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}

.afwp-theme-default [type=radio]:checked ~ .afwp-content,
.afwp-theme-default [type=checkbox]:checked ~ .afwp-content {
	padding: 10px 10px 0;
	max-height: 999999px;
}

.afwp-theme-default .afwp-content {

}

/*verticlal*/
.afwp-theme-default .vertical .afwp-accordian-item-wrap {
	width: 100%;
}

.afwp-theme-default .vertical label:hover {
	/*border:1px solid #542437; /* We don't want the border to disappear on hover */
}

/*horizontal*/
.afwp-theme-default .horizontal .afwp-content {
	padding-top: 10px;
}

.afwp-theme-default .horizontal label {
	padding-top: 30px;
}

.afwp-theme-default .horizontal label:after {
	width: 100%;
	height: 30px;
	font-size: 1.5em;
	line-height: 30px;
	text-align: center;
	padding: 0 8px;
}

.afwp-theme-default .horizontal label:hover {
	/*border:1px solid #542437; /* Again, we don't want the border to disappear on hover */
}