.jet-menu-container {
	position: relative;
	width: 100%;
}

.jet-menu {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;

	&.jet-menu--roll-up {
		//flex-flow: row nowrap;

		> .jet-menu-item {
			.jet-menu-item-wrapper {
				//flex-wrap: nowrap;
			}

			.jet-menu-title {
				//white-space: nowrap;
			}

			&[hidden] {
				display: none;
			}
		}

		&-available-items {
			&[hidden] {
				display: none;
			}
		}
	}

	.jet-menu-item {
		display: flex;
	}

	.top-level-link {
		width: 100%;
		margin: 0;
		padding: 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	ul {
		left: 0;
	}
}

.jet-menu-item {
	position: relative;

	> a {
		display: block;
		text-decoration: none;
		width: auto;
	}

	&.jet-mega-menu-item {
		position: static;

		&.jet-mega-menu-position-relative-item {
			position: relative;

			.jet-sub-mega-menu {
				left: 0;
				right: auto;

				.rtl & {
					left: auto;
					right: 0;
				}
			}
		}
	}

	&.jet-mega-menu-position-relative-item {

	}

	&-desc {
		font-size: 10px;
		font-style: italic;
		white-space: normal;
	}

	.jet-sub-menu {
		display: block;
		min-width: 200px;
		margin: 0;
		background-color: white;
		list-style: none;
		top: 100%;
		left: 0;
		right: auto;
		position: absolute;
		padding: 0;
		box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.2 );
		pointer-events: none;
		z-index: 999;

		.rtl & {
			left: auto;
			right: 0;
		}

		&.inverse-side {
			right: 0;
			left: auto;
		}

		.jet-sub-menu {
			top: 0;
			left: 100%;
			right: auto;

			&.inverse-side {
				right: 100%;
				left: auto;
			}
		}

		> li {
			display: block;

			> a {
				padding: 10px;
			}
		}

		.rtl & {
			left: auto;
			right: 0;

			&.inverse-side {
				right: auto;
				left: 0;
			}

			.jet-sub-menu {
				left: auto;
				right: 100%;

				&.inverse-side {
					right: auto;
					left: 100%;
				}
			}
		}
	}

	.jet-sub-mega-menu {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		background-color: white;
		pointer-events: none;
		top: 100%;
		left: 0;
		box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.2 );
		z-index: 999;

		&__loader {
			padding: 5px;
			min-width: 35px;
			min-height: 35px;
		}

		> .elementor {
			width: 100%;
		}
	}
}

.jet-menu-item-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	.jet-menu-icon {
		display: flex;
		justify-content: center;
		align-items: center;
		align-self: center;
		margin-right: 10px;

		.label-hidden & {
			margin-right: 0;
			margin-left: 0;
		}

		svg {
			fill: currentColor;
			height: auto;
		}
	}

	.jet-dropdown-arrow {
		display: flex;
		justify-content: center;
		align-items: center;
		align-self: center;
		margin-left: 10px;

		svg {
			fill: currentColor;
			height: auto;
		}
	}

	.jet-menu-badge {
		align-self: flex-start;
		text-align: center;
		width: 0;

		&__inner {
			display: inline-block;
			white-space: nowrap;
		}
	}
}

// FIX showing sub-menu and sub-mega-menu when loading a page.
.jet-sub-menu,
.jet-sub-mega-menu {
	opacity: 0;
	visibility: hidden;
}

// Prevent duplicate sub-menu and mega-menu when the section is sticky
.jet-desktop-menu-active {
	.elementor-sticky--active + .elementor-sticky {
		.jet-sub-menu,
		.jet-sub-mega-menu {
			display: none;
		}
	}
}

.jet-menu {
	&.jet-menu--animation-type-none {

		.jet-sub-menu {
			opacity: 0;
			visibility: hidden;
		}

		.jet-sub-mega-menu {
			opacity: 0;
			visibility: hidden;
		}

		.jet-simple-menu-item {

			&.jet-menu-hover {
				& > .jet-sub-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}

			li {
				&.jet-menu-hover {
					& > .jet-sub-menu {
						top: 0;
						opacity: 1;
						visibility: visible;
						pointer-events: auto;
					}
				}
			}
		}

		.jet-mega-menu-item {
			&.jet-menu-hover {
				.jet-sub-mega-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}
		}

	}

	&.jet-menu--animation-type-fade {

		.jet-sub-menu {
			opacity: 0;
			visibility: hidden;
			transition: opacity .3s cubic-bezier(.48,.01,.5,.99),
			visibility .1s linear;
		}

		.jet-sub-mega-menu {
			opacity: 0;
			visibility: hidden;
			transition: opacity .3s cubic-bezier(.48,.01,.5,.99),
			visibility .1s linear;
		}

		.jet-simple-menu-item {

			&.jet-menu-hover {
				& > .jet-sub-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}

			li {
				&.jet-menu-hover {
					& > .jet-sub-menu {
						top: 0;
						opacity: 1;
						visibility: visible;
						pointer-events: auto;
					}
				}
			}
		}

		.jet-mega-menu-item {
			&.jet-menu-hover {
				.jet-sub-mega-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}
		}

	}

	&.jet-menu--animation-type-move-up {

		.jet-sub-menu {
			opacity: 0;
			top: 130%;
			visibility: hidden;
			transition: top .2s cubic-bezier(.48,.01,.5,.99) .1s,
			opacity .2s cubic-bezier(.48,.01,.5,.99) .1s,
			visibility 1s linear;
		}

		.jet-sub-mega-menu {
			opacity: 0;
			top: 130%;
			visibility: hidden;
			transition: top .3s cubic-bezier(.48,.01,.5,.99) .1s,
			opacity .3s cubic-bezier(.48,.01,.5,.99) .1s,
			visibility 1s linear;
		}

		.jet-simple-menu-item {

			&.jet-menu-hover {
				& > .jet-sub-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
					transition: top .3s cubic-bezier(.48,.01,.5,.99),
					opacity .3s cubic-bezier(.48,.01,.5,.99),
					visibility 1s linear;
				}
			}

			li {
				&.jet-menu-hover {
					& > .jet-sub-menu {
						top: 0;
						opacity: 1;
						visibility: visible;
						pointer-events: auto;
						transition: top .3s cubic-bezier(.48,.01,.5,.99),
						opacity .3s cubic-bezier(.48,.01,.5,.99),
						visibility 1s linear;
					}
				}
			}
		}

		.jet-mega-menu-item {
			&.jet-menu-hover {
				.jet-sub-mega-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}
		}

	}

	&.jet-menu--animation-type-move-down {
		.jet-sub-menu {
			opacity: 0;
			top: 80%;
			visibility: visible;
			transition: top .3s cubic-bezier(.48,.01,.5,.99),
			opacity .3s cubic-bezier(.48,.01,.5,.99),
			visibility 1s linear;
		}

		.jet-sub-mega-menu {
			opacity: 0;
			top: 80%;
			visibility: hidden;
			transition: top .3s cubic-bezier(.48,.01,.5,.99),
			opacity .3s cubic-bezier(.48,.01,.5,.99),
			visibility 1s linear;
		}

		.jet-simple-menu-item {

			&.jet-menu-hover {
				& > .jet-sub-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}

			li {
				&.jet-menu-hover {
					& > .jet-sub-menu {
						top: 0;
						opacity: 1;
						visibility: visible;
						pointer-events: auto;
					}
				}
			}
		}

		.jet-mega-menu-item {
			&.jet-menu-hover {
				.jet-sub-mega-menu {
					top: 100%;
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
				}
			}
		}
	}
}