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



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


.desktop #page-header.navbar-mainnavigation {
  transition: all 1s ease;
}

.desktop #page-header.navbar-mainnavigation.navbar-default-transition:before,
.desktop #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) 60%, rgba(0, 0, 0, 0) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
    opacity: 0;
    transition: all .5s linear;
    z-index: -2;
}
.desktop #page-header.navbar-mainnavigation.navbar-default-transition:not(.navbar-transition):before,
.desktop #page-header.navbar-mainnavigation.navbar-inverse-transition:not(.navbar-transition):before {
    opacity: .6;
    height: 200px;
}

.desktop #page-header.navbar-mainnavigation.navbar-default-transition .nav-item .nav-link-text,
.desktop #page-header.navbar-mainnavigation.navbar-inverse-transition .nav-item .nav-link-text {
    text-shadow: inherit;
    transition: all 1s ease;
}
.desktop #page-header.navbar-mainnavigation.navbar-default-transition:not(.navbar-transition) .nav-item .nav-link-text,
.desktop #page-header.navbar-mainnavigation.navbar-inverse-transition:not(.navbar-transition) .nav-item .nav-link-text {
    text-shadow: inherit;
    text-shadow: 0px 0px 10px #000000;
}