@use "../variables";
/*------ Accordion -------*/

.accordion .card {
	&:not(:first-of-type) {
		&:not(:last-of-type) {
			border-bottom: 0;
			border-radius: 0;
		}
		.card-header:first-child {
			border-radius: 0;
		}
	}
	&:first-of-type {
		border-bottom: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	&:last-of-type {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}
.accordionjs .acc_section.acc_active>.acc_head {
	background: var(--primary) !important;
}
#accordion1 .panel-title1 a:hover {
	color: variables.$white !important;
}

.panel-title a.accordion-toggle {
	&:before {
		content: "\f068";
		padding: 0 10px 0 0;
		color: variables.$white;
		font-family: FontAwesome;
		float: right;
	}
	&.collapsed:before {
		content: "\f067";
		padding: 0 10px 0 0;
		color: variables.$white;
		font-family: FontAwesome;
		float: right;
	}
}
.demo-accordion p:last-child, .panel-group1 p:last-child {
	margin-bottom: 0;
}
#bs-collapse .panel-heading1 {
	a:after {
		content: "\f01a";
		font-size: 24px;
		position: absolute;
		font-family: 'FontAwesome';
		right: 5px;
		top: 10px;
		transform: scale(0);
		transition: all 0.5s;
	}
	&.active a:after {
		content: "\f01a";
		transform: scale(1);
		transition: all 0.5s;
	}
}
#accordion .panel-heading1 {
	a:before {
		content: "\f01a";
		font-size: 24px;
		position: absolute;
		font-family: 'FontAwesome';
		right: 5px;
		top: 10px;
		transform: rotate(180deg);
		transition: all 0.5s;
	}
	&.active a:before {
		transform: rotate(0deg);
		transition: all 0.5s;
	}
}
.acc-header a[aria-expanded="true"] {
	border-radius: 5px 5px 0px 0px !important;
}
.acc-header a {
    display: block;
    padding: 15px;
	font-size: 14px;
    background-color: #ebeff8;
	border-bottom: 0;
	border: variables.$border;
	border-radius: 5px;
}
.acc-header a.collapsed{
	border-radius: 5px;
	border: variables.$border;
}
.acc-body {
    padding: 15px;
    border: variables.$border;
	border-top: 0;
	border-radius: 0px 0px 5px 5px;
}
.acc-card .collapse.show .acc-body{
	border-top: 0;
}
