/* CSS basics styles for our FAQs */

.faq-list {
	list-style-type: none;
	padding: 0;
}

.faq-list--title {
	padding: 0 0 .25em 0;
	margin: 0 0 .5em 0;
	border-bottom: transparent 3px solid;
	background-color: transparent;
	color: #303030;
	transition: border .2s ease-in-out;
}

.faq-list--title:hover,
.faq-list--title:focus,
.faq-list--question.faq-on .faq-list--title {
	opacity: .7;
	padding: 0 0 .25em 0;
	margin: 0 0 .5em 0;
	border-bottom-color: #303030;
	background-color: transparent;
	cursor: pointer;
}

.faq-list--question {
	list-style-type: none;
}

.faq-list--question::before {
	content: "▸"; 
	display: inline-block; 
	margin-right: .25em;
	transition: transform .2s ease-in-out;
}
.faq-list--question.faq-on::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.faq-list--answer {
	margin: .5em 0;
	padding-left: 1em;
	display: none;
}