/*--------------------------------------------------------------
# Top bar
--------------------------------------------------------------*/
.page-top-bar {
	z-index: 99999;
	border-bottom: 1px solid #eeeeee;
	padding: 20px 0;
	ul {
		z-index: 9999;
		list-style-type: none;
		padding: 0;
		margin: 0;
		li {
			white-space: nowrap;
		}
	}
	a {
		display: block;
	}
	.menu {
		li {
			position: relative;
		}
		> li {
			display: inline-block;
			margin-bottom: 0;
			> a {
				padding: 5px;
			}
		}
		.menu-item-has-children {
			&:hover {
				> .sub-menu {
					display: block;
				}
			}
		}
		.sub-menu {
			position: absolute;
			top: 100%;
			left: 0;
			display: none;
			min-width: 250px;
			width: 100%;
			background-color: #ffffff;
			box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
			a {
				padding: 10px 15px;
				+ a {
					border-top: 1px solid #eeeeee;
				}
			}
			.sub-menu {
				top: 0;
				left: 100%;
			}
		}
	}
}

.top-bar-wrap {
	display: flex;
	&.top-bar-right {
		justify-content: flex-end;
	}
}

.top-bar-info {
	.info-item {
		display: inline-block;
		margin-right: 16px;
		@include media-breakpoint-down(sm) {
			margin-right: 0;
			display: block;
		}
	}
	.info-icon {
		font-size: 16px;
		margin-right: 2px;
		vertical-align: middle;
	}
}

.top-bar-link {
	.link-item {
		display: inline-block;
	}
}

@include media-breakpoint-up(lg) {
	.page-top-bar {
		height: 46px;
		padding: 0;
	}
	.top-bar-text {
		padding: 0 16px;
		border-left: 1px solid;
		border-right: 1px solid;
		line-height: 46px;
	}
	.top-bar-link {
		.link-item {
			padding: 0 16px;
			border-left: 1px solid;
			line-height: 46px;
			a {
				display: inline-block;
			}
			&:last-child {
				border-right: 1px solid;
			}
		}
	}
	.top-bar-info {
		.info-item {
			display: inline-block;
			padding: 0 16px;
			margin-right: 0;
			line-height: 46px;
			border-left: 1px solid;
			&:last-child {
				border-right: 1px solid;
			}
		}
		.info-icon {
			font-size: 16px;
			margin-right: 2px;
			vertical-align: middle;
		}
	}

	.top-bar-social-network {
		line-height: 46px;
		border-left: 1px solid;
		border-right: 1px solid;
		padding: 0 16px;
	}
}

.top-bar-wrap {
	.top-bar-social-network {
		a {
			line-height: 1;
			display: inline-block;
			font-size: 16px;
			+ a {
				margin-left: 15px;
			}
		}
	}
}

@include media-breakpoint-down(sm) {
	.top-bar-wrap {
		&.top-bar-left,
		&.top-bar-right {
			justify-content: center;
			text-align: center;
		}
	}
}