/**
 * AB_accordion
 * version: 2.0.0
 */

.accordion {

	width: 100%;

	ul {
		margin: 0;
		padding: 0;

		li {
			list-style-type: none;

			&:first-child {
				overflow: hidden;
			}

			&:last-child {
				overflow: hidden;
			}

			.item {

				.header {
					padding: 15px;
					font-weight: bold;
					color: #fff;
					position: relative;
					font-size: 18px;
					cursor: pointer;
					border-bottom: 1px solid #222;

					.toggle {
						position: absolute;
						right: 0;
						top: 0px;
						font-weight: normal;
						font-size: 22px;
						display: inline-block;
						padding: 12px 17px 0 17px;
						height: 100%;
						cursor: pointer;
					}

					.toggle span {
						display: inline-block;
						width: 14px;
						height: 100%;
					}

					.toggle span:after {
						content: '+';
					}
				}

				.body {
					background: #eee;
					font-size: 18px;
					height: 0px;
    				overflow: hidden;
    				transition: 1s ease height;

    				.body-text {
						padding: 15px;
						line-height: 27px;
					}
				}
			}

			.current-item {

				.header {
					
					.toggle {
						padding: 11px 16px 15px 18px;

						span {
							transform: rotate(45deg);
						}
					}

				}
			}
		}
	}
}