/*	=============================================================
	FAQ Page
	sgvo_faq.css
	============================================================= */

.sec_faq {
	background												: var(--general-bg);
	margin													: 0 auto;
	max-width												: 780px;
	padding													: 2em 1em 3em;
}

.sec_faq > h2 {
	margin													: 0 0 1em;
	text-align												: center;
}

.faq-group {
	margin-bottom											: 2em;
}

.faq-group-title {
	border-bottom											: 2px solid var(--about-bg);
	color													: #1C2D1E;
	font-size												: 1.1em;
	margin-bottom											: 0.5em;
	padding-bottom											: 0.3em;
	text-align												: left;
	text-shadow												: none;
}

.faq-item {
	border-bottom											: 1px solid rgba(28,45,30,0.15);
}

.faq-item:last-child {
	border-bottom											: none;
}

.faq-question {
	align-items											: center;
	background												: none;
	border													: none;
	color													: #1C2D1E;
	cursor													: pointer;
	display													: flex;
	font-family											: Raleway, sans-serif;
	font-size												: 1em;
	font-weight												: 600;
	gap														: 0.75em;
	justify-content											: space-between;
	padding													: 0.9em 0.25em;
	text-align												: left;
	transition												: color 0.2s ease;
	width													: 100%;
}

.faq-question:hover							{ color		: #4b7257; }
.faq-question[aria-expanded="true"]			{ color		: #4b7257; }

.faq-icon {
	color													: #4b7257;
	flex-shrink											: 0;
	font-size												: 1.4em;
	font-weight												: 300;
	line-height											: 1;
	transition												: transform 0.2s ease;
}

.faq-answer {
	padding													: 0 0.25em 1em;
}

.faq-answer p {
	font-size												: 100%;
	padding-bottom											: 0.5em;
	padding-top												: 0;
	text-align												: left;
}

.faq-answer p:last-child					{ padding-bottom: 0; }

.faq-answer ul {
	cursor													: default;
	list-style-type											: disc;
	margin													: 0.25em 0 0.5em 1.5em;
}

.faq-answer ul li {
	font-size												: 100%;
	padding													: 0.2em 0;
}

.faq-answer a								{ color		: #4b7257; text-decoration: underline; }
.faq-answer a:hover							{ color		: #1C2D1E; }

@media (min-width: 600px) {
	.sec_faq	{ padding									: 2em 2em 3em; }
	.faq-question { font-size								: 1.05em; }
}