.menuBg{
    max-width: 100% !important;
    box-shadow: 0 0 50px #00000080;
}
.menuCurrentNodeName > div{
    font-family: var(--fontSpecial) !important;
    font-size: 18px !important;
	text-transform: uppercase;
    font-weight: 600 !important;
}

.menuBottom{
	box-sizing:border-box !important;
	display: flex;
	justify-content: space-evenly;
    align-items: center;
    box-shadow: 0 1px 0 0px #ffffff40 inset;
}
.menuBottom>div{
	position: relative !important;
	top:0 !important; left:0 !important;
}
.menuTabsContainer{
	box-shadow: 0 10px 50px #00000060;
}
.menuCounter{
	box-shadow: 0 -10px 20px #00000020;
	z-index: 1 !important;
}
@media (max-height: 575.98px){
    .menuLogoContainer{
        display: none !important;
    }
    .menuCurrentNodeName{
        top:0 !important;
    }
	.menuCounter{
		display: none !important;
	}
	.menuTabsContainer{
		top:0 !important;
	}
	.menuScrollArea{
		top:60px !important;
		height: calc(100% - 120px) !important;
	}
	.menuBg > .button{
		transform: translateX(56px) !important;
		background-color: var(--colorButtonNormal) !important;
	}
	.menuBg > .button img{
		filter:invert(100%);
	}
}
.menuScrollArea .ggskin_subelement.ggskin_scrollarea{
	width: calc(100% - 1px) !important;
}


.nodeImage{
	border-radius: var(--borderRadius);
	overflow: hidden !important;
}
.menuIconVisited{
	border-radius: var(--borderRadius);
}
.menuCategoryName{
	transition: all 0.3s ease !important;
}
.menuCategoryName>div{
    font-size: 1rem !important;
}
.menuCategoryNameHovered{
	transition: all 0s ease !important;
}
.nodeImage{
	overflow: hidden;
	filter: grayscale(1);
}
.nodeImage > img{
	transition: all 0.3s ease;
}
.nodeImageHovered{
	filter: grayscale(0);
	box-shadow: 0 0 0 1px #ffffff;
}
.nodeImageHovered > img{
	transform: scale(1.1) !important;
}
.nodeImageActive{
	filter: grayscale(0);
	box-shadow: 0 0 0 3px #ffffff80;
}

.menuCategoryName:focus-visible{
	background-color: #003B70 !important;
	color:#fff !important;
}

/* Share */
.shareContainer {
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
	height: auto !important;
	bottom: 55px !important;
	left:0 !important;
	top: auto !important;
	z-index: 1 !important;
	gap: 1px;
}

.shareContainer > div {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	margin-top: 0px !important;
}
.socialFb{
	background-color: #0165E1 !important;
}
.socialTwitter{
	background-color: #000000 !important;
}
.socialYoutube{
	background-color: #FF0000 !important;
}
.socialInsta{
	background-color: #E1306C !important;
}
.socialLinkedin{
	background-color: #0A66C2 !important;
}
body.desktop .shareContainer > div:hover {
    z-index: 1;
}
/* Share */

/* Counter */
.menuCounter .ggskin_text > div {
	font-size: 0.8rem !important;
}
/* Counter */

/* Tabs */
.menuTabsContainer{
	display: flex !important;
	flex-direction: row;
   	justify-content: space-evenly;
    align-items: center;
    gap: 2px;
    padding: 0 5px;
    box-sizing: border-box;
}
.menuTabsContainer > div {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}
.menuTab{
	flex: auto;
	width: auto !important;
	height: auto !important;
	background-color: var(--colorGrayLight) !important;
	overflow: hidden !important;
	padding: 7px 0 !important;
    border-radius: 4px !important;
	user-select: none;
	cursor: pointer;
	transition: all 0.2s ease !important;
}
.menuTab>div{
	font-size: 0.9rem !important;
	width: auto !important;
	height: auto !important;
	color:var(--colorWhite) !important;
}
body.hasHover .menuTab:hover{
	background-color: var(--colorButtonHover) !important;
}
.menuTab.active{
	background-color: var(--colorButtonNormal) !important;
}