.header-admin-link .nav-link {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #3676a3;
	font-size: 18px;
	padding: 5px;
}

/*.nav-item {
	opacity: 0.5;
}

.nav-item:hover {
	opacity: 0.75;
}*/

.header-admin-link {
	display: flex;
	align-items: center;
	gap: 6px;
}

.header-nav-text .nav-link {
	color: white;
	font-size: 18px;
}

.nav-icon {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
}

.nav-icon::before,
.nav-icon::after {
	content: '';
	position: absolute;
	inset: 0;
	background-size: cover;
	background-repeat: no-repeat;
	transition: opacity 0.3s ease;
}

.nav-icon::before {
	background-image: url('/static/icons/user-circle-thin.png');
	opacity: 1;
}

.nav-icon::after {
	background-image: url('/static/icons/user-circle-thin-highlight.png');
	opacity: 0;
}

.header-admin-link .nav-link:hover .nav-icon::after {
	opacity: 1;
}

.header-logo-center {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 25px;
}

.header-logo-center::before,
.header-logo-center::after {
	content: '';
	position: absolute;
	inset: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: opacity 0.3s ease;
}

.header-logo-center::before {
	background-image: url('/static/images/Tunetagger-New-Logo.png');
	opacity: 0.7;
}

.header-logo-center::after {
	background-image: url('/static/images/Tunetagger-New-Logo-Highlighted.png');
	opacity: 0;
}

a:hover .header-logo-center::after {
	opacity: 0.85;
}