#app-plugins-appmenu-floatmenu {
		
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	
	position: sticky;
	top: 0;

	width: 100%;
	height: auto;

	margin: 0px;
	
	background: rgb(var(--ColorBG));
	
	z-index: 10;
	
	box-shadow:
		inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC; 
	
}

#app-plugins-appmenu-base {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
	width: 100%;
	
	justify-content: space-between;
	
}

#app-plugins-appmenu-banner {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	
}

#app-appmenu-right {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	
}

#app-plugins-appmenu-floatmenu-logo {
	
	content: "";
	
	width: 8vh;
	height: 8vh;
	
	margin: 1vw;
	
	background-image: url('../../media/logo-notext.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}
	
#app-plugins-appmenu-floatmenu-logo-title {
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: nowrap;
	
	margin-top: auto;
	margin-bottom: auto;
	
	font-weight: bold;
	
}

#app-plugins-appmenu-floatmenu-usericon {
	
	display: flex;
	
	margin-left: auto;
	margin-right: 2vw;
	margin-top: auto;
	margin-bottom: auto;
	
}

#app-plugins-appmenu-floatmenu-hamburger {
	
	display: flex;
	
	margin-left: 0px;
	margin-right: 2vw;
	margin-top: auto;
	margin-bottom: auto;
	
}

#app-plugins-appmenu-floatmenu-donate {
	
	display: flex;
	
	margin-right: 2vw;
	margin-top: auto;
	margin-bottom: auto;
	
}

#app-plugins-appmenu-floatmenu-list {
	
	display: none;
	flex-direction: column;
	
	width: 100%;
	
}

#app-plugins-appmenu-floatmenu-users {
	
	display: none;
	
	width: 100%;
	
	box-shadow:
			inset 0px 11px 8px -10px #CCC,
			inset 0px -11px 8px -10px #CCC;
	
}
	
.app-plugins-appmenu-floatmenu-listitem {
	
	display: block;
	
	margin-bottom: 0px;
	padding: 1vw;
	
	color: rgb(var(--ColorText));

}

.app-plugins-appmenu-floatmenu-listitem:before {
	
	content: "\f0da \0000a0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	
}

.app-plugins-appmenu-floatmenu-listitem:hover {
	
	color: rgb(var(--ColorTextInvert));
	background: linear-gradient(270deg, rgba(var(--ColorBG), 0.2), rgba(var(--ColorAccentBright), 1));
	
}

.app-plugins-appmenu-floatmenu-listitem:hover:before {
	
	content: "\f101 \0000a0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	
}

#app-plugins-appmenu-floatmenu-users-actions {
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	
	position: relative;
	right: 0.5vw;
	
}

#app-plugins-appmenu-floatmenu-users-actions i {
	
	margin-left: 1.5vw;
	margin-right: 1.5vw;
	
	padding: 1.25vw;
	
}

#app-plugins-appmenu-social {
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	
	padding: 0.5vh;
	
	background-color: rgb(var(--ColorAccentBright));
	
	box-shadow:
		inset 0px 11px 8px -10px rgb(var(--ColorAccentDark)),
        inset 0px -11px 8px -10px rgb(var(--ColorAccentDark));
	
}

#app-plugins-appmenu-social i {
	
	padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 1vw;
    padding-right: 1vw;
	
	color: rgb(var(--ColorAccentDark));
	
}

#app-plugins-appmenu-social i:hover,
#app-plugins-appmenu-social i:active {
	
	color: rgb(var(--ColorTextInvert));
	
}

.app-appmenu-title-word {
	
	margin-top: auto;
	margin-left: 0.5vw;
	margin-bottom: auto;
	
	font-family: var(--FontStandard) !important;
	font-size: var(--SizeSmall);
	font-weight: bold;
	
}

#app-appmenu-contact {
	
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	
	background: rgb(var(--ColorAccentBright));
	box-shadow: inset 0px 11px 8px -10px rgb(var(--ColorAccentDark)),
				inset 0px -11px 8px -10px rgb(var(--ColorAccentDark));
	
}

#app-appmenu-contact a {
	
	color: rgb(var(--ColorAccentDark));
	
}

#app-appmenu-contact a:hover,
#app-appmenu-contact a:active {
	
	color: rgb(var(--ColorTextInvert));
	
}

#app-appmenu-contact i {
	
	padding: 0.5vw;
	
}