nav {
	text-transform: uppercase;

	.brand-logo {
		height: 100%;

		img {
			max-height: 100%;
		}
	}

	ul {

		.dropdown-content {
			background: $navbar-background-color;
			box-shadow: none;

			li {
				a {
					color: $navbar-font-color;
				}

				&:hover {
					background-color: rgba($navbar-font-color,.1);

					a {
						color: $navbar-font-color;
					}
				}
			}
		}
	}
}

.language-picker {
	display: flex;
	flex-direction: row;
	transition: background-color 300ms;

	a {
		position: relative;
		order: 1;
		filter: grayscale(1);
		transition: filter 300ms;

		img {
			height: 15px;
		}

		&:hover {
			background-color: transparent;
		}

		&:not(:first-child) {
			padding-left: 7px;
		}

		&:not(:last-child) {
			padding-right: 7px;
		}

		&.active {
			// Removed because of wrong padding
			//order: 0;
			filter: grayscale(0);
			z-index: 1;
		}
	}

	&:hover {
		background-color: rgba($navbar-font-color, .1);

		a {
			filter: grayscale(1);

			&:hover {
				filter: grayscale(0);
			}
		}
	}
}