.ube-inline-menu {
	padding: 0;

	.dropdown-menu {
		margin: 0;
		padding: 0;

		.menu-item {
			margin: 0;
		}

		.dropdown-menu {
			left: 100%;
			top: 0;
		}

		.nav-link {
			padding-right: 0.5rem;
			padding-left: 0.5rem;
		}
	}

	.navbar-nav {
		margin: 0;
	}

	.menu-item {
		a {
			color: inherit;
			@include d-flex();
			@include justify-content-between();
			@include align-items-center();
		}
	}

	.navbar-nav.justify-content-between {
		@include flex-grow-1();
	}
}

.ube-inline-dropdown-direction-up {
	.dropdown-menu {
		bottom: 100%;
		top: auto !important;

		.dropdown-menu {
			bottom: 0;
		}
	}

	.dropdown-toggle::after {
		@include transform(rotate3d(1, 1, 20, 180deg));
	}

}

.ube-main-menu {
	@include flex-flow-row();

	.navbar-nav > .menu-item {
		padding: 0 20px;
	}

	.navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;

		.dropdown-menu {
			position: absolute;
		}
	}

	.navbar-collapse {
		@include d-flex();
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

.ube-menu-mobile {
	.menu-item {
		margin-left: 0;
	}
}

.ube-inline-menu-dropdown-none.ube-menu-mobile {
	display: none;
}

.ube-inline-menu.has-hover-style {
	&:not(.hover-style-03) .navbar-nav > .menu-item {
		position: relative;

		&:before, &:after {
			content: '';
			position: absolute;
			width: 100%;
			color: inherit;
		}
	}

	&.hover-style-01 .navbar-nav {
		> .menu-item {
			&:before, &:after {
				left: 0;
				height: 2px;
				background: currentColor;
				@include transform(scale3d(0, 1, 1));
				@include transition(transform 0.2s);
			}

			&:before {
				top: 0;
				@include transform-origin(0, 50%);
			}

			&:after {
				bottom: 0;
				@include transform-origin(100%, 50%);
			}
		}

		.menu-item:hover {
			&:before, &:after {
				@include transform(scale3d(1, 1, 1));
				@include transition-timing-function(cubic-bezier(0.22, 0.61, 0.36, 1));
				@include transition-duration(0.4s);
			}
		}
	}

	&.hover-style-02 .navbar-nav {
		> .menu-item {
			&:before {
				bottom: 0;
				height: 1px;
				left: 0;
				@include transform(scale3d(0, 2, 1));
				@include transform-origin(0 50% 0);
				@include transition(transform 0.3s cubic-bezier(1, 0.68, 0.16, 0.9) 0s);
				background: currentColor none repeat scroll 0 0;
			}

			&:hover:before {
				@include transform(scale3d(1, 1, 1));
			}
		}
	}

	&.hover-style-03 .navbar-nav > .menu-item > a:hover {
		-webkit-animation: anim-francisco 0.4s forwards;
		animation: anim-francisco 0.4s forwards;
	}
}

.ube-inline-menu.submenu-event-hover:not(.mobile-mode) {
	.menu-item-has-children:hover {
		> .dropdown-menu {
			display: inline-block;
		}
	}
}

@keyframes anim-francisco {
	50% {
		opacity: 0;
		@include transform(translate3d(0, 100%, 0));
	}
	51% {
		opacity: 0;
		@include transform(translate3d(0, -100%, 0));
	}
	100% {
		opacity: 1;
		@include transform(translate3d(0, 0, 0));
	}
}