/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion {
	border: 0;

	a:hover {
		background: #f9f9fa;
	}

	.accordion-button {
		padding: 0;
		border: 0;
		box-shadow: none;
		font-family: $font-family-jost;
		font-weight: normal;
		font-size: 17px;
		padding-left: 27px;
		color: #000;
		background: transparent;
		appearance: none;
		transition: none;

		&:after {
			width: 0;
			height: 0;
			border-left: 4px solid #000;
			border-top: 4px solid transparent;
			border-bottom: 4px solid transparent;
			right: auto;
			left: 0;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			transition: transform .3s, margin-top .3s;
		}
	}

	.accordion-header {
		transition: none;
	}

	.accordion-body {
		padding: 4px 24px;
	}

	.accordion-body a {
		padding: 1px 0 0 24px;
		display: block; 
		transition: background-color .3s;
	}

	.accordion-body ul {
		margin-bottom: 0;
		list-style: none;
		margin-top: 14px;
		padding-left: 19px;
	}

	.accordion-button:not(.collapsed) {
		background: transparent;

		&:after {
			transform: rotate(90deg) translateY(-50%);
			margin-top: -5px;
		}
	}

	.accordion-item {
		border: 0;

		& + .accordion-item {
			margin-top: 20px;
		}
	}
}