/*
	Glendale Designs Custom Programming
	for SHOPSBT.COM
	
	FAQ layout using Components and Layouts

	ARIA happy code base: https://www.w3.org/TR/wai-aria-practices/examples/disclosure/disclosure-faq.html
	
	v1.01
	GDCP
*/
#js-main h1 {
	line-height: 1.2;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#js-x-faqs {
	padding: 0.75rem 0;
}
.x-faqs-answer {
	max-height: 1px;
	opacity: 0;
	transition: all 0.5s ease;
	overflow: hidden;
	margin: 0;
	padding: 1rem 1.25rem;
}
.x-faqs-answer a {
	color: #1ac8e2;
	text-decoration: underline;
}
.x-faqs-answer a:hover {
	color: #ff851b;
	text-decoration: underline;
}
.x-faqs-answer--link-area, 
.x-faqs-answer--image-area {
	margin: 0 0 1rem 0;
	padding: 0;
}
.x-faqs-question {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border-bottom: 1px solid #1ac8e2;
	font-weight: normal;
}
.x-faqs-question--button {
	display: inline-block;
	text-align: left;
	cursor: pointer;
	margin: 0;
	padding: 0 0 0.25em 0;
	font-weight: 500;
	font-size: 1em;
	line-height: 1.3;
	border: none;
	background-color: #fff;
	color: #4d4d4d;;
}
.x-faqs-question--button:hover, .x-faqs-question--button:focus {
	color: #f15a2f;
}
.x-faqs-question--button:active {
	color: #f15a2f;
}
.x-faqs-question--button[aria-expanded="false"]::before {
	display: inline-block;
	width:1.25rem;
	content: '+ ';
}
.x-faqs-question--button[aria-expanded="true"]::before {
	display: inline-block;
	width:1.25rem;
	content: '- ';
}