/* header top styles */
.header-top {
	background: $shark;
	padding: 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	border-bottom: 1px solid darken($shark, 4%);
	font-family: $navigation-font-family;

	.visible-xs.cart-visible {
		@include breakpoint-max($screen-sm - 1) {
			display: inline-block !important; // to override bootstrap style
		}
	}

	.drop-wrap {
		font-size: .9em;
	}
}

.top-user-panel,
.top-right-panel {
	@extend %listreset;
	margin: 0 -10px;
	float: left;
	max-width: 67%;

	> li {
		display: inline-block;
		vertical-align: top;
		padding: 0 10px;

		> a {
			color: $white;

			&:hover {
				color: $primary-color;
			}
		}
	}
}

.last-dropdown {
	.dropdown-menu {
		left: auto;
		right: 0;
	}
}

.top-right-panel {
	@extend .top-user-panel;
	float: right;
	max-width: 33%;
}

.top-header {
	margin-top: 44px;
	
	&.fixed-position {
		margin-top: 0;
	}
}