/**
 * Energiehuis mega menu (GeneratePress-compatible).
 */

@media (min-width: 769px) {
	.main-navigation .main-nav .mega-menu {
		position: static;
	}

	.main-navigation .inside-navigation {
		position: relative;
	}

	.main-navigation .main-nav .mega-menu > ul {
		position: absolute;
		left: 0 !important;
		right: 0;
		width: 100%;
		max-width: var(--gp-container-width, 1200px);
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	}

	.main-navigation .main-nav .mega-menu > ul > li {
		display: inline-block;
		width: 25%;
		vertical-align: top;
		box-sizing: border-box;
	}

	.main-navigation .main-nav .mega-menu > ul > li.mega-menu-column {
		display: flex;
		flex-direction: column;
	}

	.main-navigation .main-nav .mega-menu .mega-menu-column-title {
		display: block;
		font-weight: 600;
		padding: 10px 20px;
		line-height: normal;
		flex-shrink: 0;
	}

	.main-navigation .main-nav .mega-menu > ul > li.mega-menu-column > .sub-menu {
		flex: 1 1 auto;
	}

	.main-navigation .main-nav .mega-menu.mega-menu-col-2 > ul > li {
		width: 50%;
	}

	.main-navigation .main-nav .mega-menu.mega-menu-col-3 > ul > li {
		width: 33.3333%;
	}

	.main-navigation .main-nav .mega-menu.mega-menu-col-4 > ul > li {
		width: 25%;
	}

	.main-navigation .main-nav .mega-menu.mega-menu-col-5 > ul > li {
		width: 20%;
	}

	.main-navigation .main-nav .mega-menu ul .sub-menu {
		position: static;
		display: block;
		opacity: 1;
		visibility: visible;
		width: 100%;
		box-shadow: none;
		left: auto;
		top: auto;
		height: auto;
		overflow: visible;
		transform: none;
		pointer-events: auto;
		background-color: transparent;
	}

	.main-navigation .main-nav .mega-menu ul .sub-menu li {
		width: 100%;
	}

	.main-navigation .main-nav .mega-menu ul .sub-menu .sub-menu {
		position: static;
		display: block;
		opacity: 1;
		visibility: visible;
	}

	/* Pijltjes alleen in mega-panel verbergen, niet op het hoofdmenu-item */
	.main-navigation .main-nav .mega-menu > ul .dropdown-menu-toggle {
		display: none !important;
	}
}