@import url(constants.less);
@import url(classes.less);

#navigation {
/* 	background-color: rgba(0,0,0,0.2); */
	background-color: rgba(255,255,255,0.2);

	padding: 16px 16px;
	position: relative;
	overflow: hidden;
	
	border: 1px inset @blueBright4;
	.box-shadow-inset(0,0,2px,0,rgba(0,0,0,0.3));
}

.mainNavItems {
	background-color: #e5e5e5;
/* 	overflow: auto;	 */
	display: none;
	padding: 12px;
	position: relative;
	overflow: hidden;
}

#navApple {

}

#navFeerglas {

}





.hoverWraper {
	position: absolute;
	left: 0;
	right: 0;
	top:12px;
	.transition(all, 0.1s, ease-in-out);
	background-color: rgba(0,0,0,0.3);
	height: 46px;
	pointer-events: none;
	opacity: 0.2;
	
	.box-shadow-inset(0px, 2px, 2px, 0px, rgba(0,0,0,0.5));

}

.hoverWraper:before, .hoverWraper:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	
}

.hoverWraper:before {
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid white;
	margin-top: 12px;
	
}

.hoverWraper:after {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid @blueBright3;
	margin-top: 14px;
}
	





.mainNavItems {

}

.mainNavItems li{
	display: block;
	color: rgba(0,0,0,0.4);
	.transition(all, 0.2s, ease-in-out);
	
	padding: 0;
	padding-left:0;
	margin: 0;
	width: 100%;
}


.mainNavItems li a{
	display: block;
	color: rgba(0,0,0,0.4);

	.transition(all, 0.2s);
	font-size: 18px;
	padding: 10px 0;
	width: 100%;
}


.mainNavItems li a .navigationBlogEachCount {
	color: #e5e5e5;
}

.mainNavItems li a:hover .navigationBlogEachCount {
	color: rgba(0,0,0,0.3);
	padding-left: 6px;
}


.mainNavItems li a:hover{
	color: black;
	font-weight: 400;

}






#mainNavLinks a.mainNavActive {
	color: rgba(0,0,0,1);
	background-color: #E5E5E5;
	font-weight: 600;
	
}

.subNavActive a {
	color: @blue !important;
	font-weight: 400;
}

.langActive {
	color: rgba(0,0,0,1) !important;
}



#mainNavLinks {
/* 	float: left; */

	padding: 12px;
	overflow: auto;

}

#mainNavLinks a {

	line-height: 30px;
	height: 30px;
	font-size: 22px;
	font-weight: normal;
	color: rgba(0,0,0,0.5);
	padding: 10px 10px 12px 10px;
	margin: -12px -12px -10px -12px;

}


#mainNavLinks a:hover {


	color: white;
	background-color: rgba(255,255,255,0.1);

}


#navLinkFeerglas {
	float: left;
}

#navLinkApple {
	float: right;
}