/* DP FAQ – Accordion (Design: Doppelpack 2020 Theme) */

.dp-faq {
	padding: 4rem 0 0;
}

.dp-faq .section-inner {
	max-width: 80rem;
}

.dp-faq .dp-faq__title {
	margin: 0 0 3rem;
	text-align: center;
}

.dp-faq__list {
	border-top: 1px solid #e1d7c7;
}

.dp-faq__item {
	border-bottom: 1px solid #e1d7c7;
	scroll-margin-top: 12rem;
}

.dp-faq .dp-faq__question {
	font-size: 1.8rem;
	line-height: 1.35;
	margin: 0;
}

.dp-faq .dp-faq__button {
	-webkit-appearance: none;
	-moz-appearance: none;
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #706f6f;
	cursor: pointer;
	display: flex;
	font-family: "Museo", "Roboto", sans-serif;
	font-size: inherit;
	font-weight: 500;
	gap: 2rem;
	justify-content: space-between;
	letter-spacing: normal;
	line-height: inherit;
	margin: 0;
	padding: 2rem 1rem;
	text-align: left;
	text-transform: none;
	width: 100%;
	transition: background-color .15s linear, color .15s linear;
}

.dp-faq .dp-faq__button:hover,
.dp-faq .dp-faq__button:focus,
.dp-faq .dp-faq__button[aria-expanded="true"] {
	background: transparent;
	color: #a98b5f;
}

.dp-faq .dp-faq__button:hover {
	background: #eae5dc;
}

.dp-faq .dp-faq__button:focus {
	outline: none;
}

.dp-faq .dp-faq__button:focus-visible {
	outline: 2px solid #a98b5f;
	outline-offset: -2px;
}

/* Chevron (dp-icons arrow-down) – only when the accordion is active */
.dp-faq__icon {
	display: none;
	flex: none;
}

.dp-faq.is-enhanced .dp-faq__icon {
	display: block;
}

.dp-faq__icon:before {
	color: #a98b5f;
	content: "\e90c";
	display: block;
	font-family: "dp-icons";
	font-size: 1.6rem;
	line-height: 1;
	transition: transform .2s ease;
}

.dp-faq__button[aria-expanded="true"] .dp-faq__icon:before {
	transform: rotate(180deg);
}

.dp-faq__answer-inner {
	padding: 0 1rem 2rem;
}

.dp-faq__answer-inner > :last-child {
	margin-bottom: 0;
}

.dp-faq__answer-inner p,
.dp-faq__answer-inner li {
	font-size: 1.5rem;
	line-height: 1.5;
}

.dp-faq__answer-inner ul,
.dp-faq__answer-inner ol {
	margin: 0 0 2rem 2rem;
}

.dp-faq__answer-inner li {
	margin: 0 0 .5rem;
}

.dp-faq__answer-inner a {
	color: #a98b5f;
	text-decoration: underline;
}

.dp-faq__answer-inner a:hover,
.dp-faq__answer-inner a:focus {
	color: #876844;
}

.dp-faq.is-enhanced .dp-faq__answer:not([hidden]) {
	animation: dp-faq-in .2s ease;
}

@keyframes dp-faq-in {
	from { opacity: 0; transform: translateY(-.5rem); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.dp-faq .dp-faq__button,
	.dp-faq__icon:before {
		transition: none;
	}

	.dp-faq.is-enhanced .dp-faq__answer:not([hidden]) {
		animation: none;
	}
}

@media (min-width: 700px) {
	.dp-faq {
		padding-top: 6rem;
	}

	.dp-faq .dp-faq__question {
		font-size: 2rem;
	}

	.dp-faq .dp-faq__button {
		padding: 2.2rem 1.5rem;
	}

	.dp-faq__answer-inner {
		padding: 0 1.5rem 2.5rem;
	}
}
