/*--------------------------------------------------------------
4.0 Topbar Navigation
--------------------------------------------------------------*/

.topbar .menu {
	margin-bottom: 0;
	padding-left: 0;

	>li {
		list-style: none;
		position: relative;
		display: inline-block;
		vertical-align: middle;

		>a {
			position: relative;
			display: block;
			margin-right: 7px;
			color: #757575;
		}

		&.menu-item-has-children > a {
			position: relative;
			padding-right: 10px;
			margin-bottom: 0;

			&::after {
				content: "\f0d7";
				position: relative;
				left: 10px;
				padding-right: 0;
				font-family: "FontAwesome";
				font-size: 12px;
				line-height: 0;
			}
		}

		&.menu-item-has-children:hover > .sub-menu {
			visibility: visible;
			opacity: 1;
		}
	}

	.sub-menu {
		position: absolute;
		left: 0;
		top: 100%;
		padding: 0;
		margin: 0;
		min-width: 130px;
		display: block;
		visibility: hidden;
		opacity: 0;
		text-align: left;
		z-index: 999;

		>li {
			position: relative;
			list-style: none;

			>a {
				padding: 7px 15px;
				margin: 0;
				display: block;
				background: #454545;
				color: #777777;
				border-bottom: 1px solid rgba(255,255,255,0.1);
				white-space: nowrap;

				&:hover {
					color: #ffffff;
				}
			}

			.sub-menu {
				margin-top: 0;
				left: 100%;
				top: 0;
				border-left: 1px solid $darker-text-color;
			}
		}
	}
}

