/* ============================================================
   13-accordion.css — Accordion FAQ (card-corporate)
   Usado na página apoie-o-projeto.html
   ============================================================ */

.card-group-custom { margin-bottom: 0; }
.card-group-custom .card + .card { margin-top: 0; }
.card-title { margin-bottom: 0; }
.card-header { background-color: transparent; }

.card-custom {
	display: block; margin: 0;
	background: inherit; border: 0; border-radius: 0;
	box-shadow: none; text-align: left;
}
.card-custom a { display: block; }
.card-custom .card-header { padding: 0; border-bottom: 0; }
.card-custom .card-body { padding: 0; border: 0; }

* + .card-group-custom { margin-top: 30px; }
@media (min-width: 768px) { * + .card-group-custom { margin-top: 40px; } }

/* Card Corporate (FAQ accordion) */
.card-corporate { border-top: 1px solid #f5f6fa; text-align: left; }
.card-corporate:last-child { border-bottom: 1px solid #f5f6fa; }
.card-corporate .card-collapse { background: #fff; }

.card-corporate .card-title a {
	position: relative; z-index: 1;
	padding: 15px 40px 15px 70px;
	font-size: 17px; line-height: 1.5; letter-spacing: 0;
	color: black; transition: 1.3s all ease; display: block;
}
.card-corporate .card-title a[aria-expanded='true'],
.card-corporate .card-title a:hover { color: #354879; }
.card-corporate .card-title a.collapsed { color: black; }
.card-corporate .card-title a.collapsed .card-arrow::before { opacity: 1; }
.card-corporate .card-title a.collapsed .card-arrow::after  { opacity: 0; }

.card-corporate .card-arrow {
	position: absolute; top: 16px; left: 13px; z-index: 2;
	width: 20px; height: 20px;
	color: #354879; transition: .33s all ease; text-align: center;
}
.card-corporate .card-arrow::before,
.card-corporate .card-arrow::after {
	position: absolute; z-index: 4;
	font-family: 'Material Design Icons'; font-size: 24px; line-height: 1; transition: .22s;
}
.card-corporate .card-arrow::before { content: '\f505'; opacity: 0; }
.card-corporate .card-arrow::after  { content: '\f466'; opacity: 1; }

.card-corporate .card-collapse { position: relative; z-index: 1; color: rgba(21, 21, 21, 0.8); }
.card-corporate .card-body { padding: 2px 44px 25px 70px; }

@media (max-width: 767.98px) {
	.card-corporate .card-arrow { left: 0; }
	.card-corporate .card-title a,
	.card-corporate .card-body { padding-left: 50px; }
}
@media (min-width: 768px) {
	.card-corporate .card-title a { font-size: 20px; line-height: 1.4; }
	.card-corporate .card-arrow { top: 18px; }
}