/* top area */

@mixin navbar-background-linear-gradient {
	-webkit-box-shadow: inset 0px -8px 10px 0px rgba(darken(#fff, 10%), 0.4) !important;
	-moz-box-shadow: inset 0px -8px 10px 0px rgba(darken(#fff, 10%),0.4) !important;
	box-shadow: inset 0px -8px 10px 0px rgba(darken(#fff, 10%),0.4) !important;
}

@mixin navbar-background-linear-gradient-condo {
	-webkit-box-shadow: inset 0px -8px 10px 0px rgba(darken($MainColor, 10%), 0.4) !important;
	-moz-box-shadow: inset 0px -8px 10px 0px rgba(darken($MainColor, 10%),0.4) !important;
	box-shadow: inset 0px -8px 10px 0px rgba(darken($MainColor, 10%),0.4) !important;
}

#pageHeader, nav.navbar { background: $TopBgPmc !important; }

nav.navbar { @include navbar-background-linear-gradient; }

.condo #pageHeader, .condo nav.navbar {background: $TopBgCondo !important;}
.condo nav.navbar { @include navbar-background-linear-gradient-condo; }

/*#pageHeader .welcome,*/
#pageHeader h1 a, 
#pageHeader h1 a:visited,
.headerUserName p /* can be removed from both default and custom themes*/ {
	color: $TopTextPmc !important;
}

#pageHeader h1 a:hover,
.headerUserName p:hover { color: $TopHoverPmc !important; }

/*.condo #pageHeader .welcome,*/
.condo #pageHeader h1 a, 
.condo #pageHeader h1 a:visited,
.condo .headerUserName p /* can be removed from both default and custom themes*/ {
	color: $TopTextCondo !important;
}

.condo #pageHeader h1 a:hover,
.condo .headerUserName p:hover { color: $TopHoverCondo !important; }

/* top icons */

ul#header-controls > li > a       { background-position: left top !important; }
ul#header-controls > li > a:hover { background-position: left bottom !important; }

ul#header-controls > li > a { color: $TopTextPmc !important; }
ul#header-controls > li > a:hover { color: $TopHoverPmc !important; }

.condo ul#header-controls > li > a { color: $TopTextCondo !important; }
.condo ul#header-controls > li > a:hover { color: $TopHoverCondo !important; }