/* Header
   ========================================================================== */

#header {

	// apply fixed header

	@if ($gx-body-wrap != true) {
		@if ($gx-header-fixed) {
			@extend .navbar-fixed-top;
		}
	}

	height: $gx-header-height-mobile;
	margin-bottom: 0;

	@include background($gx-header-bg-mobile-color,
			$gx-header-bg-mobile-image-url,
			$gx-header-bg-mobile-image-position,
			$gx-header-bg-mobile-image-repeat,
			$gx-header-bg-mobile-image-size,
			$gx-header-bg-mobile-image-attachment,
			$gx-header-bg-mobile-image-enabled,   
			$gx-header-bg-mobile-gradient-enabled,
			$gx-header-bg-mobile-gradient-color1, 
			$gx-header-bg-mobile-gradient-color2, 
			$gx-header-bg-mobile-gradient-type,   
			$gx-header-bg-mobile-gradient-angle); 

	border-width: 0;
	@include box-shadow(0 0 25px rgba(0, 0, 0, .35));
	@include transition(300ms ease all);

	//  desktop view

	@media (min-width: $grid-float-breakpoint) {
		@include background($gx-header-bg-color,
				$gx-header-bg-image-url,
				$gx-header-bg-image-position,
				$gx-header-bg-image-repeat,
				$gx-header-bg-image-size,
				$gx-header-bg-image-attachment,
				$gx-header-bg-image-enabled,   
				$gx-header-bg-gradient-enabled,
				$gx-header-bg-gradient-color1, 
				$gx-header-bg-gradient-color2, 
				$gx-header-bg-gradient-type,   
				$gx-header-bg-gradient-angle); 

		height: $gx-header-height;
		@include box-shadow(none);
	}

	// middle row: logo, search, cart

	.inside {
		@include clearfix();

		// wrap inner header

		@if ($gx-body-wrap != true) {
			@if ($gx-header-wrap) {
				@extend .container;
			}
		} @else {
			> .row {
				margin-left: 0 !important;
				margin-right: 0 !important;
			}
		}

		// reset bootstrap styles

		&.navbar-default {
			border: none;
			@include border-radius(0);
		}

		.navbar-header {
			@media (min-width: $grid-float-breakpoint) {
				@if ($gx-hide-logo-col != true) {
					@include make-sm-column($gx-header-col-sm);
					@include make-md-column($gx-header-col-md);
					@include make-lg-column($gx-header-col-lg);
				} @else {
					display: none;
				}
			}

			.navbar-toggle {
				margin: 0;
				max-height: 60px;
				max-width: 60px;
				padding: 0;
				width: $gx-header-height-mobile;
				height: $gx-header-height-mobile;
				font-size: 30px;

				&.cart-icon {
					.gx-cart-basket {
						height: $gx-cart-basket-mobile-size;
						width: $gx-cart-basket-mobile-size;
						fill: $gx-cart-mobile-icon-color;
					}
				}

				.gx-menu {
					height: $gx-bars-mobile-size;
					width: $gx-bars-mobile-size;
					fill: $gx-bars-mobile-color;
				}

				.gx-search {
					height: $gx-search-mobile-size;
					width: $gx-search-mobile-size;
					fill: $gx-search-mobile-color;
				}

				&.active {
					color: $brand-primary;

					&.cart-icon {
						.gm-cart-basket {
							color: $brand-primary;
						}
					}

					.gm-menu {
						color: $brand-primary;
					}

					.gm-search {
						color: $brand-primary;
					}
				}
			}

			.navbar-collapse {
				border-top: none;
			}
		}
	}

	// sticky behavior

	@media (min-width: $grid-float-breakpoint) {
		@if ($gx-body-wrap != true) {
			@if ($gx-header-fixed) {
				&.sticky {
					height: $gx-header-height-sticky;

					@if ($gx-header-bg-sticky-image-url != "") {
						@include background($gx-header-bg-sticky-color,
								$gx-header-bg-sticky-image-url,
								$gx-header-bg-sticky-image-position,
								$gx-header-bg-sticky-image-repeat,
								$gx-header-bg-sticky-image-size,
								$gx-header-bg-sticky-image-attachment,
								$gx-header-bg-sticky-image-enabled,   
								$gx-header-bg-sticky-gradient-enabled,
								$gx-header-bg-sticky-gradient-color1, 
								$gx-header-bg-sticky-gradient-color2, 
								$gx-header-bg-sticky-gradient-type,   
								$gx-header-bg-sticky-gradient-angle); 
					} @else {
						background: $gx-header-bg-sticky-color;
					}


					@include box-shadow(0 0 25px rgba(0, 0, 0, .35));
					
					.gx-cart-basket {
						height: $gx-cart-basket-sticky-size !important;
						width: $gx-cart-basket-sticky-size !important;
						fill: $gx-cart-sticky-icon-color !important;
					}
				}
			}
		}
	}

}