/* =============================================================================
   15-faq.css
   FAQ page.

   Split out of style.css, which had grown to 3,647 lines. Loaded via
   wp_enqueue_style() in inc/enqueue.php - the load ORDER there matches the
   numeric filename order, and matches the order these rules appeared in the
   original file, so the cascade is unchanged.
   ============================================================================= */
/*=== || FAQ 
===*/

body.page-template-template_faq #mainbanner {
	background-image: url("http://jobshopsu.co.uk/wp-content/uploads/2025/07/contactus.webp");
}

body.page-template-template_faq .st1 {
	/* footer logo colour */
	fill: var(--js-orange);
}

details.faq {
	margin: 0 0 12px 0;
	border: 1px solid var(--js-beige);
	border-radius: 8px;
	padding: 10px 12px;
	background: var(--js-white);
}

details.faq>summary {
	cursor: pointer;
	font-size: 18pt;
	line-height: 26pt;
	font-family: "effrabold";
	list-style: none;
	/* removes default marker in some browsers */
}

details.faq>summary::-webkit-details-marker {
	display: none;
	/* removes marker in Chrome/Safari */
}

details.faq>summary::after {
	content: "▾";
	float: right;
	transition: transform 0.15s ease;
}

details.faq[open]>summary::after {
	transform: rotate(180deg);
}

details.faq p {
	margin: 10px 0 0 0;
}