/* Orion FAQ Page — faq.html "Our Faq's" section.
   Breakpoints: sm=640, md=769, lg=992, xl=1199, 1xl=1380, 2xl=1752.
   Distinct classes from css/orion-faq.css (Home teal-boxed FAQ). */

.orion-faqp {
	overflow: hidden;
	background: #fff;
}

.orion-faqp__container {
	width: 100%;
	margin: 0 auto;
	padding: 34px 16px;
}
@media (min-width: 640px) {
	.orion-faqp__container {
		max-width: 640px;
		padding-top: 38px;
		padding-bottom: 38px;
	}
}
@media (min-width: 769px) {
	.orion-faqp__container {
		max-width: 769px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (min-width: 992px) {
	.orion-faqp__container {
		max-width: 992px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (min-width: 1199px) { .orion-faqp__container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-faqp__container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-faqp__container { max-width: 1752px; } }

/* HTML global h2 schedule (beats theme/Customizer heading styles). */
h2.orion-faqp__title {
	margin: 0 0 20px;
	text-align: center;
	font-family: var(--orion-font-heading, "El Messiri", sans-serif) !important;
	font-weight: 500 !important;
	color: #000;
	font-size: 26px !important;
	line-height: 36px !important;
	letter-spacing: normal;
}
@media (min-width: 640px) {
	h2.orion-faqp__title {
		margin-bottom: 24px;
		text-align: start;
		font-size: 30px !important;
		line-height: 40px !important;
	}
}
@media (min-width: 769px) {
	h2.orion-faqp__title {
		margin-bottom: 32px;
		font-size: 35px !important;
		line-height: 40px !important;
	}
}
@media (min-width: 992px) {
	h2.orion-faqp__title { margin-bottom: 40px; }
}
@media (min-width: 1199px) {
	h2.orion-faqp__title {
		font-size: 40px !important;
		line-height: 50px !important;
	}
}
@media (min-width: 1380px) {
	h2.orion-faqp__title {
		margin-bottom: 48px;
		font-size: 46px !important;
		line-height: 55px !important;
	}
}
@media (min-width: 1752px) {
	h2.orion-faqp__title {
		margin-bottom: 60px;
		font-size: 60px !important;
		line-height: 70px !important;
	}
}

.orion-faqp__list {
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	margin-top: 20px;
}
@media (min-width: 640px) { .orion-faqp__list { margin-top: 0; } }

.orion-faqp__item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	padding: 15px 0;
}
@media (min-width: 640px)  { .orion-faqp__item { padding: 18px 0; } }
@media (min-width: 1199px) { .orion-faqp__item { padding: 22px 0; } }
@media (min-width: 1752px) { .orion-faqp__item { padding: 28px 0; } }

/* HTML: title pr-4/7/16 creates space before toggle (gap on single-child is unused). */
.orion-faqp__question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
	text-align: start;
	appearance: none;
	-webkit-appearance: none;
}
@media (min-width: 640px)  { .orion-faqp__question { gap: 28px; } }
@media (min-width: 769px)  { .orion-faqp__question { gap: 64px; } }

/* HTML global h5 schedule. */
.orion-faqp__question-text {
	margin: 0;
	flex: 1;
	min-width: 0;
	text-align: start;
	font-family: var(--orion-font-heading, "El Messiri", sans-serif) !important;
	font-weight: 500 !important;
	color: #000;
	font-size: 19px !important;
	line-height: 26px !important;
	letter-spacing: normal;
}
@media (min-width: 640px) {
	.orion-faqp__question-text {
		font-size: 22px !important;
		line-height: 26px !important;
	}
}
@media (min-width: 769px) {
	.orion-faqp__question-text { line-height: 30px !important; }
}
@media (min-width: 1752px) {
	.orion-faqp__question-text {
		font-size: 25px !important;
		line-height: 35px !important;
	}
}

.orion-faqp__question:hover .orion-faqp__question-text,
.orion-faqp__item.is-open .orion-faqp__question-text {
	color: var(--orion-primary, var(--orion-primary));
}

.orion-faqp__toggle {
	flex-shrink: 0;
	background-color: var(--orion-primary, var(--orion-primary));
	border: 1px solid #fff;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	padding: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
@media (min-width: 640px)  { .orion-faqp__toggle { width: 35px; height: 35px; padding: 8px; } }
@media (min-width: 992px)  { .orion-faqp__toggle { width: 38px; height: 38px; } }
@media (min-width: 1380px) { .orion-faqp__toggle { width: 42px; height: 42px; } }

.orion-faqp__toggle svg {
	width: 100%;
	height: 100%;
	stroke: #fff;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.orion-faqp__toggle svg line {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.orion-faqp__toggle-v {
	transform-origin: center;
	transform-box: fill-box;
}
.orion-faqp__item.is-open .orion-faqp__toggle-v {
	transform: scaleY(0);
	opacity: 0;
}

/* HTML: transition-all duration-700; sm:pr-10; 2xl:pr-[30px] */
.orion-faqp__answer {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	padding-right: 0;
}
@media (min-width: 640px)  { .orion-faqp__answer { padding-right: 40px; } }
@media (min-width: 1752px) { .orion-faqp__answer { padding-right: 30px; } }

/* HTML global p schedule + font-light. */
.orion-faqp__answer p {
	margin: 8px 0 0;
	color: #000;
	font-family: var(--orion-font-body, Lexend, sans-serif) !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	line-height: 23px !important;
	letter-spacing: normal;
}
@media (min-width: 992px) {
	.orion-faqp__answer p {
		font-size: 15px !important;
		line-height: 25px !important;
	}
}
@media (min-width: 1199px) {
	.orion-faqp__answer p { line-height: 26px !important; }
}
@media (min-width: 1380px) {
	.orion-faqp__answer p {
		margin-top: 14px;
		line-height: 28px !important;
	}
}
@media (min-width: 1752px) {
	.orion-faqp__answer p {
		font-size: 18px !important;
		line-height: 32px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.orion-faqp__answer,
	.orion-faqp__toggle svg,
	.orion-faqp__toggle svg line,
	.orion-faqp__question-text {
		transition: none;
	}
}