.site-header {

	.container {
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;

		.toggle-btn {
			display: none;
		}//.toggle-btn
	}//.container

	.site-branding {
		display: flex;
		flex: auto;
		flex-wrap: wrap;
		align-items: center;
		padding: 10px 0;

		&:not(.text-image) {
			flex-direction: column;
			align-items: flex-start;
		}

		&.text-image {
			
			.custom-logo-link {
				width: 60px;
			}//.custom-logo-link

			.site-title-wrap {
				padding-left: 15px;
			}//.site-title-wrap

		}//&.text-image

		.site-title {
			margin: 0;
			font-size: 2em;
			font-family: $font_secondary;
			// font-weight: 400;
			line-height: 1.3;

			a {
				color: $primary_color;
			}
		}//.site-title

		.site-description {
			margin: 0;
			font-size: 0.8888em;
			color: #999;
			line-height: 1.5em;
		}//.site-description
	}//.site-branding

	.nav-wrap {
		display: flex;
		flex: auto;
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: flex-start;
	}//.nav-wrap

	&.header-two {
		border-top: 1px solid rgba($black_color, 0.1);
		border-bottom: 1px solid rgba($black_color, 0.1);

		.sticky-header {
			display: none;
		}

		&.sticky-enabled {
			position: sticky;
			top: 0;
			background: $white_color;
			z-index: 9999;
		}

	}//&.header-two

	&.header-three, &.header-four {
		
		.container {
			max-width: 100%;
			padding-left: 30px;
			padding-right: 30px;
		}//.container
	}//&.header-three

	&.header-four, &.header-five {
		background: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		border-bottom: 1px solid rgba($white_color, 0.1);

		+ .site-banner .banner-caption-inner {
			padding-top: 30px;
		}
	}//&.header-four

	&.header-six, &.header-seven {
		
		.site-branding {
			align-items: center;
			padding-top: 50px;
			padding-bottom: 50px;
		}//.site-branding

		.nav-wrap {
			border-top: 1px solid rgba($black_color, 0.1);
			text-align: center;

			.container {
				justify-content: center;
				align-items: inherit;
			}//.container
		}//.nav-wrap

	}//&.header-six

	&.header-seven {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;

		+ .site-banner .banner-caption-inner {
			padding-top: 30px;
		}
	}//&.header-seven

	.sticky-header {
		position: fixed;
		top: 0;
		z-index: -1;
		background: $white_color;
		box-shadow: 0 2px 4px rgba($black_color, 0.15);
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		@include transition(all ease 0.35s);

		.container {
			max-width: 1220px;
		}//.container

		.site-branding {
			display: flex;
			flex: auto;
			flex-wrap: wrap;
			align-items: center;
			padding-top: 10px;
			padding-bottom: 10px;

			&:not(.text-image) {
				flex-direction: column;
				align-items: flex-start;
			}

			&.text-image {
				
				.custom-logo-link {
					width: 60px;
				}//.custom-logo-link

				.site-title-wrap {
					padding-left: 15px;
				}//.site-title-wrap

			}//&.text-image

			.site-title {
				margin: 0;
				font-size: 2em;
				font-family: $font_secondary;
				font-weight: 400;
				line-height: 1.3;

				a {
					color: $primary_color;
				}
			}//.site-title

			.site-description {
				margin: 0;
				font-size: 0.8888em;
				color: #999;
				line-height: 1.5em;
			}//.site-description
		}//.site-branding

		.nav-wrap {
			display: flex;
			flex: auto;
			justify-content: flex-end;
			flex-wrap: wrap;
			align-items: flex-start;
			border-top: none;
		}//.nav-wrap

	}//.sticky-header

	&.stick {

		.sticky-header {
			opacity: 1;
			filter: alpha(opacity=100);
			visibility: visible;
			z-index: 9999;
		}

	}

}//.site-header

body:not(.home) {

	.site-header {
		
		&.header-four, &.header-five, &.header-seven {
			position: static;
		}

	}//.site-header

}

body.home {

	&.header-four, &.header-five, &.header-seven {

		.site-branding {
			
			.site-title {
				
				a {
					color: $white_color;
				}
			}//.site-title

			.site-description {
				color: $white_color;
			}
		}//.site-branding

		.nav-wrap {
			border-top-color: rgba($white_color, 0.1);
			border-bottom: 1px solid rgba($white_color, 0.1);
		}//.nav-wrap
	}

}

.banner-disabled {
	
	.site-header {
		box-shadow: 0 2px 5px rgba($black_color, 0.1);
	}//.site-header

}//.banner-disabled

@include media(lg) {
	
	.sticky-header {
		
		.container {
			max-width: 1170px;
			}//.container
	}//.sticky-header

}//media(lg)

@include media(md) {
	
	.site-header {

		.sticky-header {

			.container {
				max-width: 1000px;
			}//.container

		}//.sticky-header

	}//.site-header	

}//media(md)

@include media(sm) {
	.site-header {

		.nav-wrap {
			order: 3;
			flex: initial;
		}//.nav-wrap

		.site-branding {
			padding-left: 15px;
		}//.site-branding

		.container {
			
			.toggle-btn {
				order: 2;
				display: inline-block;
				width: 20px;
				height: 20px;
				position: relative;
				cursor: pointer;
				background: none;
				border: none;
				color: inherit;
				@include box-shadow(none);
				@include border-radius(0);
				padding: 0;

				.toggle-bar {
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background: $black_color;
					width: 20px;
					height: 2px;
					margin: auto;
					@include transition(all ease 0.35s);

					&:first-child {
						top: -12px;
					}

					&:last-child {
						top: 0;
						bottom: -12px;
					}
				}

				&:hover .toggle-bar {
					background: $primary_color;
				}
			}//.menu-toggle-btn
		}//.container

		&.header-three, &.header-four {
			
			.container {
				padding-left: 15px;
				padding-right: 15px;
			}
		}//&.header-three

		&.header-six, &.header-seven {
			
			.nav-wrap {
				text-align: left;

				.container {
					align-items: center;
					position: relative;
					justify-content: flex-start;
					height: 60px;
				}//.container
			}//.nav-wrap

			.rsvp-flag {
				position: absolute;
				top: 0;
				right: 15px;
			}//.rsvp-flag
		}//&.header-six

		.sticky-header {

			.container {
				max-width: 768px;
			}//.container
		}//.sticky-header

	}//.site-header

	body.home {
		
		.site-header {

			&.header-four, &.header-five, &.header-seven {

				.container {
					
					.toggle-btn {
						
						.toggle-bar {
							background: $white_color;
						}

						&:hover .toggle-bar {
							background: $primary_color;
						}
					}//.toggle-btn

				}//.container

				.sticky-header {

					.container {

						.toggle-btn {

							.toggle-bar {
								background: $black_color;
							}

							&:hover .toggle-bar {
								background: $primary_color;
							}

						}//.toggle-btn

					}//.container

				}//.sticky-header

			}//&.header-four

		}//.site-header

	}//body.home
	
}//@include media(sm)

@include media(xs) {
	.site-header {

		&.header-six, &.header-seven {

			.site-branding {
				padding-top: 20px;
				padding-bottom: 20px;
				padding-left: 0;
			}

		}

		.site-branding {

			.site-title {
				font-family: $font_primary;
				font-size: 1em;
			}//.site-title
		}//.site-branding

		.sticky-header {

			.container {
				max-width: 420px;
			}//.container
		}//.sticky-header

	}//.site-header
}//@include media(xs)