.wj-flex-accordion details {
	border: 1px solid #d5d5d5;
	border-radius: .25rem;
	margin-bottom: .5rem;
}

.wj-flex-accordion summary {
	cursor: pointer;
	font-weight: 700;
	padding: .85rem 1rem;
}

.wj-flex-accordion-content {
	padding: 0 1rem 1rem;
}

.wj-flex-accordion-content > :last-child,
.wj-hero-content > :last-child {
	margin-bottom: 0;
}

.wj-hero-panel {
	position: relative;
	background: #231f20;
	color: #fff;
}

.wj-hero-slides {
	display: grid;
}

.wj-hero-slide {
	grid-area: 1 / 1;
	min-width: 0;
	min-height: var(--wj-hero-min-height, 40vw);
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .45s ease, visibility 0s linear .45s;
}

.wj-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	transition-delay: 0s;
}

.wj-hero-image,
.wj-hero-slide::after {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.wj-hero-image {
	object-fit: cover;
}

.wj-hero-overlay-slight::after,
.wj-hero-overlay-dark::after {
	content: "";
	background: rgb(0 0 0 / 28%);
}

.wj-hero-overlay-dark::after {
	background: rgb(0 0 0 / 58%);
}

.wj-hero-content {
	padding-block: 2rem;
	text-align: left;
	overflow-wrap: anywhere;
}

[data-wj-hero] .wj-hero-content {
	padding-block: 4rem;
}

/* Use on paragraphs or other supporting text anywhere on the site. */
.text-larger {
	font-size: 1.2em;
}

.wj-hero-content :is(h1, h2, h3, h4, h5, h6) {
	color: inherit;
}

.wj-hero-content :is(h1, h2) {
	font-size: 2.4rem;
	text-transform: uppercase;
	letter-spacing: 0;
	margin: 0 auto 24px;
}

@media (max-width: 576px) {
	.wj-hero-content :is(h1, h2) {
		font-size: 2rem;
	}
}

@media (min-width: 992px) {
	.wj-hero-content :is(h1, h2) {
		font-size: 3.6rem;
	}
}

[data-wj-hero] .wj-hero-content {
	padding-inline: 48px;
}

.wj-hero-controls button {
	display: grid;
	place-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.wj-hero-controls button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -3px;
}

.wj-hero-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	z-index: 2;
	opacity: .8;
}

.wj-hero-arrow:hover,
.wj-hero-arrow:focus-visible {
	opacity: 1;
}

.wj-hero-arrow--prev {
	left: 0;
}

.wj-hero-arrow--next {
	right: 0;
}

.wj-hero-arrow::before {
	content: "";
	width: 11px;
	height: 11px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	filter: drop-shadow(0 1px 2px #000);
	transform: rotate(45deg);
}

.wj-hero-arrow--prev::before {
	transform: rotate(-135deg);
}

.wj-hero-dots {
	display: flex;
	position: absolute;
	bottom: 0;
	inset-inline: 0;
	justify-content: center;
	z-index: 2;
	pointer-events: none;
}

.wj-hero-dot {
	width: 28px;
	height: 30px;
	pointer-events: auto;
}

.wj-hero-dot::before {
	content: "";
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 1px 3px #000;
	opacity: .6;
}

.wj-hero-dot:hover::before,
.wj-hero-dot[aria-current="true"]::before {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.wj-hero-slide {
		transition: none;
	}
}