// Sticky Header
@-webkit-keyframes fixedHeader {
	0% {
		-webkit-transform: translateY( -60px );
		opacity: 0;
	}

	100% {
		-webkit-trasform: translateY(0);
		opacity: 1;
	}
}

@keyframes fixedHeader {
	0% {
		transform: translateY( -60px );
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


@include set-default(
	(
		header: (
			logo: (
				sticky: (
					transform: false,
					transform-origin: false,
				)
			)
		)
	)
);

.sticky-header {
	background: #fff;

	&.fixed {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		padding: 0;
		box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
		z-index: 1040;
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		-webkit-animation-name: fixedHeader;
		animation-name: fixedHeader;

		.logo {
			img {
				@include css( transform, header, logo, sticky, transform );
				@include css( transform-origin, header, logo, sticky, transform-origin );
			}
		}
	}

	&.deprecated-sticky {
		&:not(.fixed) {
			.logo,
			.cart-dropdown {
				display: none;
			}
		}

		&.fixed .main-nav {
			width: auto;
		}
	}

	.main &:not(.fixed) {
		> .container {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.main &.fixed {
		top: 59px;
		min-height: 38px;
		padding-top: 15px;
		padding-bottom: 15px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
		overflow: hidden;
		z-index: 1039;

		.container {
			margin: 0 auto;
		}
	}
}