/* Inline #5 | https://l.launchinteractive.com.au/courses/advanced-diploma-in-agribusiness-management */

.wp-block-launch-faq
{
	display: grid;
	grid-template-areas: "q b" "d d" "a a";
	grid-template-columns: 1fr auto;
	grid-template-rows: auto 1fr;
	gap: 0 10px;
	border: 1px solid var(--wp--preset--color--orange);
	border-image-source: var(--wp--preset--gradient--orange);
	border-image-slice: 1;
	border-width: 1px 0;
	height: var(--height, auto);
	transition: height clamp(0.4s, var(--animationTime), 1s) ease-in-out;
	/* Set central padding to zero to stop alignfull, alignwide being a problem*/
	--wp--custom--h-inset: 0px;
	margin-top: 0;
}

.wp-block-launch-faq + .wp-block-launch-faq
{
	border-top: 0
}

.wp-block-launch-faq::before
{
	content: "";
	width: 1px;
	height: 100%;
	background: var(--wp--preset--gradient--orange);
	grid-area: b;
	align-self: center;
}

.wp-block-launch-faq.open::after,
.wp-block-launch-faq.shut::after
{
	content: "";
	height: 1px;
	background: var(--wp--preset--gradient--orange);
	grid-area: d;
}

.wp-block-launch-faq .expand
{
	background: none;
	border: none;
	grid-area: b;

	padding: 0 30px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.wp-block-launch-faq:not(.open) .expand
{
	transform: rotate(180deg);
}

.wp-block-launch-faq-content
{
	grid-area: a;
	height: 0;
	overflow: hidden;
}

.wp-block-launch-faq.open .wp-block-launch-faq-content,
.wp-block-launch-faq.shut .wp-block-launch-faq-content
{
	height: auto;
}

/* Prevent alignwide from causing issues*/
.wp-block-launch-faq .alignwide
{
	left: 0;
	width: 100%;
}