/*
 * Simple navigation menus: .wa-nav, .wa-nav__list (wp_nav_menu output with .menu-item / .sub-menu).
 * Horizontal flex list by default; modifiers in header.css / footer.css set direction, colours and underlines.
 */

.wa-nav__list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wa-nav .menu-item {
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: var(--text-line-height);
	list-style: none;
}

.wa-nav .menu-item a {
	display: flex;
	align-items: center;
	text-decoration: none;
	border: 0 solid transparent;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.wa-nav .sub-menu {
	display: none;
}