.is-active-megamenu {
	overflow: hidden;
}

.is-active-megamenu .layout-container > header {
	box-shadow: var(--theme--box-shadow);
	max-height: 100vh;
	overflow: auto;
	display: flex;
	flex-direction: column;
}

.region-megamenu {
	padding-top: 5em;
	background: url(../../images/triangles-header.png) rgba(255,255,255, 1) right 0 bottom -65px no-repeat;
	background-size: 50% auto;
	display: none;
}
	.region-megamenu.is-active {
		display: block;
		flex: 1;
	}

.region-megamenu > .container {
	padding-bottom: 10em;
	position: relative;
	display: flex;
	gap: var(--theme--gap);
}
	.region-megamenu > .container::after {
		content: '';
		width: 1px;
		height: 100%;
		background: var(--theme--color--light);
		position: absolute;
		top: 0;
		left: 40%;
		z-index: 1;
	}

.region-megamenu > .container > *:nth-child(1) {
	width: 78%;
}

.region-megamenu > .container > *:nth-child(2) {
	width: 22%;
}

.region-megamenu .megamenu__close {
	position: absolute;
	top: -2em;
	right: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	cursor: pointer;
	color: var(--theme--color--primary);
}

.region-megamenu .megamenu__close .label {
	font-weight: 700;
	margin-right: 0.75em;
	font-size: var(--theme--font-size--xsmall);
}

.region-megamenu .megamenu__close i {
	font-size: var(--theme--font-size--medium);
}