/*
 * Hoofdmenu voor desktop (vervangt UberMenu).
 * Kleuren, lettertypen, de onderstreping bij hover en het zoekveld staan in style.css
 * (blokken "Menu" en "zoek widget") en blijven van kracht, want de klassen zijn gelijk gebleven.
 * Hier staat alleen de basislaag: horizontale lijst, rechts uitgelijnd.
 * Onder 980px is #main-header verborgen (zie style.css), dus daar is niets nodig.
 */

.ubermenu,
.ubermenu * {
	box-sizing: border-box;
}

.ubermenu {
	display: block;
	position: relative;
	line-height: 1.3em;
}

.ubermenu.ubermenu-bar-align-right {
	float: right;
}

.ubermenu .ubermenu-nav,
.ubermenu .ubermenu-widget-area {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ubermenu .ubermenu-item {
	list-style: none;
}

.ubermenu .ubermenu-item.ubermenu-item-level-0 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.ubermenu .ubermenu-target {
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 1.3em;
}

.ubermenu .ubermenu-target-text {
	display: inline-block;
}

.ubermenu .ubermenu-widget {
	display: list-item;
	vertical-align: top;
}

.ubermenu a:focus-visible,
.ubermenu input:focus-visible {
	outline: 2px solid #00b2b4;
	outline-offset: 2px;
}