/******/
/*** ACCORDION ***/
/******/

.accordion .faq-drawer__content-wrapper {
	line-height: 1.35;
	max-height: 0rem;
	overflow: hidden;
	transition: 0.25s ease-in-out;
}

.accordion .faq-drawer {
	margin-bottom: 1rem;
	border-radius: .5rem;
	position: relative;
}

.accordion .faq-drawer__title {
	display: block;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-bottom: 0;
	transition: all 0.2s ease-out;
	cursor: pointer;
	font-size: 1.5rem;
	border-top: .125rem solid var(--color-red);
}

.faq-full .faq-drawer__title {
    border-top: .125rem solid var(--color-blue);
}
	
.accordion .faq-drawer__title::after {
	border-style: solid;
	border-width: .125rem .125rem 0 0;
	content: " ";
	display: inline-block;
	height: 1.5rem;
	position: absolute;
	right: 0;
	left: auto;
	top: 2rem;
	transform: rotate(135deg);
	transition: 0.3s ease-in-out;
	vertical-align: top;
	width: 1.5rem;
}

span.label-text {
	width: 90%;
	display: block;
}

@media (max-width: 47.9375rem) {
	.accordion .faq-drawer__title {
		font-size: var(--text-xl);
	}
}

	
.accordion .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
	max-height: 100vh;
}
	
.accordion .faq-drawer__trigger:checked + .faq-drawer__title::after {
	transform: rotate(-45deg);
	transition: 0.2s ease-in-out;
}

.background-yellow .faq-drawer__title {
	border-top: .125rem solid var(--color-blue);
	color: var(--color-blue);
}