/* ################################################### MIXIN HEADER FULLWIDTH ################################################## */



/* ##################################################
# HEADER SHADOW
################################################## */


body:not(.mobile) #page-header.navbar-mainnavigation {
	transition: all 1s ease;
}

body:not(.mobile) #page-header.navbar-mainnavigation.navbar-default-transition:before,
body:not(.mobile) #page-header.navbar-mainnavigation.navbar-inverse-transition:before {
	content: "";
	position: fixed;
	top: 0px;
	width: 100%;
	height: 3px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%) !important;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
	opacity: 0;
	z-index: -2;
}
.domloadedbody:not(.mobile) #page-header.navbar-mainnavigation.navbar-default-transition:before,
.domloadedbody:not(.mobile) #page-header.navbar-mainnavigation.navbar-inverse-transition:before {
	transition: all .5s linear;
}


body:not(.mobile) #page-header.navbar-mainnavigation.navbar-default-transition:not(.navbar-transition):before,
body:not(.mobile) #page-header.navbar-mainnavigation.navbar-inverse-transition:not(.navbar-transition):before {
	opacity: .6;
	height: 200px;
}

body:not(.mobile) #page-header.navbar-mainnavigation.navbar-default-transition li span,
body:not(.mobile) #page-header.navbar-mainnavigation.navbar-inverse-transition li span {
	text-shadow: inherit;
}
body:not(.mobile) #page-header.navbar-mainnavigation.navbar-default-transition:not(.navbar-transition) li span,
body:not(.mobile) #page-header.navbar-mainnavigation.navbar-inverse-transition:not(.navbar-transition) li span {
	text-shadow: 0px 0px 6px #00000099;
}

body:not(.mobile) #page-header.navbar-mainnavigation.navbar-default-transition:not(.navbar-transition) li li span,
body:not(.mobile) #page-header.navbar-mainnavigation.navbar-inverse-transition:not(.navbar-transition) li li span {
	text-shadow: inherit;
}