/**
 * Accordions
 *
 */

.nf-accordion .nf-accordion-button {
	position:			relative;
	display:			flex;
	align-items:		center;
	width:				100%;
	padding:			16px 20px;
	font-size:			16px;
	font-weight:		400;
	/* color:				#212529; */
	text-align:			left;
	background-color:	var( --nf-white );
	border:				0;
	border-radius:		0;
	overflow-anchor:	none;
	transition:			color 0.15s ease-in-out,
						background-color 0.15s ease-in-out,
						border-color 0.15s ease-in-out,
						box-shadow 0.15s ease-in-out,
						border-radius 0.15s ease;
	cursor:				pointer;
}


.nf-accordion .nf-accordion-button:not( .collapsed ) {
	color:				#0c63e4;
	background-color:	#e7f1ff;
	box-shadow:			inset 0 -1px 0 rgba( 0, 0, 0, 0.125 );
}


.nf-accordion .nf-accordion-button.with-arrow:not( .collapsed )::after {
	background-image:	url( "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e" );
	transform:			rotate( -180deg );
}
.nf-accordion .nf-accordion-button.with-arrow::after {
	flex-shrink:		0;
	width:				1.25rem;
	height:				1.25rem;
	margin-left:		auto;
	content:			"";
	background-image:	url( "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e" );
	background-repeat:	no-repeat;
	background-size:	1.25rem;
	transition:			transform 0.2s ease-in-out;
}


.nf-accordion .nf-accordion-button:hover {
	z-index: 2;
}
.nf-accordion .nf-accordion-button:focus {
	z-index:		3;
	border-color:	#86b7fe;
	/* outline:		0; */
}

.nf-accordion .nf-accordion-header {
	margin-top:		0;
	margin-bottom:	0;
}

.nf-accordion .nf-accordion-item {
	/* background-color:	#fff; */
	border:				1px solid rgba( 0, 0, 0, 0.125 );
}
.nf-accordion .nf-accordion-item:first-of-type {
	border-top-left-radius:		0.25rem;
	border-top-right-radius:	0.25rem;
}
.nf-accordion .nf-accordion-item:first-of-type .nf-accordion-button {
	border-top-left-radius:		calc( 0.25rem - 1px );
	border-top-right-radius:	calc( 0.25rem - 1px );
}
.nf-accordion .nf-accordion-item:not( :first-of-type ) {
	border-top: 0;
}
.nf-accordion .nf-accordion-item:last-of-type {
	border-bottom-right-radius:	0.25rem;
	border-bottom-left-radius:	0.25rem;
}
.nf-accordion .nf-accordion-item:last-of-type .nf-accordion-button.collapsed {
	border-bottom-right-radius:	calc( 0.25rem - 1px );
	border-bottom-left-radius:	calc( 0.25rem - 1px );
}
.nf-accordion .nf-accordion-item:last-of-type .nf-accordion-collapse {
	border-bottom-right-radius:	0.25rem;
	border-bottom-left-radius:	0.25rem;
}

.nf-accordion .nf-accordion-body {
	padding: 1rem 1.25rem;
}

/* .nf-accordion.nf-accordion-flush .nf-accordion-collapse {
	border-width: 0;
}
.nf-accordion.nf-accordion-flush .nf-accordion-item {
	border-right:	0;
	border-left:	0;
	border-radius:	0;
}
.nf-accordion.nf-accordion-flush .nf-accordion-item:first-child {
	border-top: 0;
}
.nf-accordion.nf-accordion-flush .nf-accordion-item:last-child {
	border-bottom: 0;
}
.nf-accordion.nf-accordion-flush .nf-accordion-item .nf-accordion-button {
	border-radius: 0;
} */

@media ( max-width: 768px ) {
	.nf-accordion .nf-accordion-body {
		padding: .85rem;
	}
}


@media ( prefers-reduced-motion: reduce ) {
	.nf-accordion .nf-accordion-button,
	.nf-accordion .nf-accordion-button::after {
		transition: none;
	}
}