////
/// Mega menu component.
///
/// @group  Components
/// @author Lee Anthony <seothemeswp@gmail.com>
/// @link   https://CustomizePro.com/
////

.mega-menu {
	display: flex;
	position: absolute;
	z-index: 10;
	top: 100%;
	width: 100%;
	flex-wrap: nowrap;

	@include mq(0, m) {
		display: none !important;
	}

	.wrap {
		align-items: flex-start;

		@include overlay();
	}

	.widget {
		padding-right: 2em;
		flex: 1;
		position: relative;

		&:last-of-type {
			padding-right: 0;
		}
	}

	.menu {
		display: block;
		padding: 0;
		columns: 2;
	}

	.menu-item {
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}

}