/**
 * Header: Transparent Top Bar
 *
 * A top bar that floats over the page instead of sitting on a band of its own:
 * no background, no bottom rule, a gap above it, and the floating header bar
 * below offset to match. Its dark colour scheme brightens the link text and
 * drops the divider between the social icons.
 *
 * Loaded only where `.transparent-topbar` is rendered.
 */

@media (min-width: 992px) {

	#top-bar.transparent-topbar {
		z-index: 399;
		border-bottom: 0;
		margin-top: 15px;
		background: transparent !important;
	}

	#top-bar + #header.transparent-header.floating-header {
		margin-top: 15px;
	}

}

.dark .top-links li > a,
.dark #top-social li a {
	color: #FFF;
}

.dark .top-links li:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

.dark #top-social li {
	border-left: 0;
}