/**
 * Header
 */
.site-header {
	padding: 2.893em 0;

	.dropdown-menu {
		z-index: 1001;
	}
}

.header-logo {
	@include make-col();

	@include media-breakpoint-up(md) {
		@include make-col-span(3);
	}

	.header-logo-link {
		display: block;
	}
}

.primary-nav {
	@include make-col();
	padding-top: 0.393em;
	padding-bottom: 0.393em;

	@include media-breakpoint-up(md) {
		@include make-col-span(6);
	}
}

.no-header-support-info {
	.primary-nav {
		@include media-breakpoint-up(md) {
			@include make-col-span(9);
		}
	}
}

.header-support-info {
	@include make-col();

	@include media-breakpoint-up(md) {
		@include make-col-span(3);
	}

	.support-icon{
		padding-#{$end}: 20px;
		padding-#{$start}: 15px;

		.fa {
			font-size: 3em;
		}

		.ec {
			font-size: 3.571em;
		}
	}
}

.header-v1, .header-v3 {
	padding-bottom: 0;
	border-bottom: 1px solid #ddd;

	.container > .row:first-child {
		margin-bottom: 1.786em;
	}

	.navbar-search {
		.input-group {
			.form-control {
				border-width: 2px;
				border-style: solid;
				border-#{$end}: 0;
			}

			.input-group-addon {
				border-width: 2px;
				border-style: solid;
				border-#{$start}: 0;
				border-#{$end}: 0;
			}

			.btn {
				border-width: 2px;
				border-style: solid;
				border-#{$start}: 0;
				color: $color-body;
			}
		}
	}

	.navbar-nav .nav-link {
		line-height: 2.53em;
		font-weight: bold;
		font-size: 1.142em;
		color: $color-body;
	}

	.navbar-nav + .navbar-nav,
	.navbar-search + .navbar-nav,
	.primary-nav + .navbar-nav,
	.header-logo + .navbar-nav {
		margin-#{$start}: 2.714em;
	}

	.navbar-search + .navbar-nav.pull-right,
	.primary-nav + .navbar-nav.pull-right,
	.header-logo + .navbar-nav.pull-right {
		padding-#{$end}: 0.9375rem;
	}
}

.home .header-v1,
.page-template-template-homepage-v1 .header-v1,
.header-v3 {
	border-bottom: 0;
}

.header-v3 + .navbar-primary {
	padding: 0;

	.navbar-nav > .menu-item > a {
		padding: 1.429em 1.375em;
	}
}

.full-color-background {
	.header-v3,.top-bar {
		background-color: #fed700;
	}

	.header-v3 {
		padding-top: 1.4em;

		.navbar-search .input-group .btn {
			background-color: $color-body;
			color: #fff;
			border-color: $color-body;
		}

		.navbar-search .input-group .form-control,
		.navbar-search .input-group .input-group-addon {
			border-color: #fff;
		}

		.navbar-mini-cart .cart-items-count {
			background-color: $color-body;
			color: #fff;
		}

		.ellipse-bg {
			fill: #64c3f1;
		}
	}

	.navbar-primary {
		border-top-width: 1px;
		border-top-style: solid;

		.navbar-nav {
			margin-#{$start}: -20px;
		}
	}

	.header-v3 + .navbar-primary .navbar-nav > .menu-item > a {
		padding: 0.907em 1.375em;
	}

	.top-bar {
		border-bottom: none;
	}
}

.header-v3 {
	padding-bottom: .64em;
    padding-top: 2.4em;
}

.sticky-wrapper {
	.navbar-full.stuck {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
}

.sticky-wrapper {
	.navbar-full.stuck {
		.departments-menu {
			.dropdown {
				.dropdown-menu {
					display: none;
				}

				&.open {
					.dropdown-menu {
						display: block;
					}
				}
			}
		}
	}
}

.admin-bar {
	.sticky-wrapper {
		.navbar-full.stuck {
			top: 32px;
		}
	}
}

@media (max-width: 568px) {
	.site-header {
		border-bottom: 1px solid #ddd;
		padding-bottom: 0;
	}

	.handheld-header {
		margin-bottom: 1.429em;

		.header-logo {
			margin-bottom: 0;
		}
	}
}