/*--- Header ---*/
.site-header { background-color: #fff; box-shadow: 0px 15px 15px -17px rgba(0, 0, 0, 0.3); 
	transition: all 0.2s linear;
	&:not(.navbar-fixed-top) { position: relative; z-index: 1; }
}
.home .site-header { opacity: 0; }
.site-logo { margin-right: auto; }

/*-- Responsive Menu --*/
#responsive-menu-button { position: static !important; z-index: auto !important; border-radius: 0 !important; 
	width: 28px !important; height: 25px !important;

	.responsive-menu-box { width: 100%; height: 100%; }
	.responsive-menu-inner { width: 100%; left: 0; border-radius: 0 !important; transition: all 0.2s ease !important;
		&:before, &:after { left: 0; border-radius: 0!important; transition: all 0.2s ease !important; }
		&:before { width: 100%; }
		&:after { width: 100%; }
	}

	&.is-active + #responsive-menu-container { box-shadow: 2px 0px 20px rgba(0, 0, 0, .25); }

	&:not(.is-active) {
		.responsive-menu-inner {
			&:before { top: -6px; }
			&:after { bottom: -6px; }
		}

		&:hover .responsive-menu-inner {
			-webkit-animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 200ms;
					animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 200ms;
			&:before {
				-webkit-animation: hamburger-menu-hover 1s infinite ease-in-out alternate;
						animation: hamburger-menu-hover 1s infinite ease-in-out alternate;
			}
			&:after {
				-webkit-animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 400ms;
						animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 400ms;
			}
		}
	}
}
#responsive-menu-container { opacity: 0; pointer-events: none; transition-delay: 0.3s !important;
	&.slide-right { left: auto; right: 0; }
	#responsive-menu-title {
	    font-size: 34px !important;
	    font-family: $font-stack;
	    text-transform: uppercase;
	    letter-spacing: 2px;
        padding-bottom: 10px !important;
	}
	#responsive-menu { padding: 0;
		li.responsive-menu-current-item > a > .responsive-menu-subarrow { 
			background: $tertiary-color !important; 
			border-color: $tertiary-color !important; 
			color: #fff!important; 
		}
	}
}
.responsive-menu-open {
	#responsive-menu-button .responsive-menu-inner {
		&:before, &:after { width: 100%; }
	}
	#responsive-menu-container { opacity: 1; pointer-events: auto; }
}