/* css conventions
	position, layout (incl. margin), overflow
	size, padding
	border, shadows, background
	content, typography
	interaction, animations
*/



/**//**//* navigation *//**//**/
.nav--wrapper {
	position:fixed;
	width:100%;
}
.nav--container {
	align-items:center; display:flex; justify-content:space-between; position:relative; box-sizing:border-box;
	width:100%; height:5rem; padding:0 2rem; gap:1rem;
}



/**//**//* navigation level 1 *//**//**/
.nav--level1--container {
	position:relative;
}
.nav--level1--stkhldrs--logo--img {
	height:2.5rem;
}
.nav--level1--map--name--input {
	overflow:hidden; white-space:nowrap;
	width:20rem; padding:0.5rem;
	border-bottom:solid 0.1rem rgba(13,109,174,0.1); border-left:solid 0.1rem #1B9DD9; 
	color:#172B4D; font-size:1.3rem; font-weight:900;
}
.nav--level1--button {
	align-items:center; display:inline-flex; justify-content:center; position:relative; 
	padding:0.5rem;
	border:solid 0.2rem #DEEBFF; border-radius:50%;
}
	.nav--level1--button:hover, .nav--level1--button:focus {
		background-color:#DEEBFF;
	}
	.nav--level1--button:hover .nav--level1--tooltip, .nav--level1--button:focus .nav--level1--tooltip {
		transform:translate(-50%, 0);
		opacity:1;
		pointer-events:auto;
	}
.nav--level1--icon {
	font-size:1.5rem;
}
.nav--level1--divider {
	width:0.1rem; height:2.5rem;
	border-right:solid 0.1rem #DEEBFF;
}
.nav--level1--spacer {
	flex-grow:1;
}



/**//**//* navigation level 2 *//**//**/ 
.nav--level1--button.visible + .nav--level2--container {
	display:block;
}
	.nav--level2--container {
		display:none; flex-direction:column; margin-top:0.75rem; position:absolute; right:0; top:100%;
		background-color:#FEFEFE; border-radius:0.5rem; box-shadow:0 0 0.75rem 0.25rem rgba(0,0,0,0.25); 
		font-size:0.9rem;
	}
	.nav--level2--button {
		align-items:center; display:flex; gap:0.5rem; justify-content:flex-start; box-sizing:border-box; white-space:nowrap;
		padding:0.75rem 2.5rem 0.75rem 1rem; width:100%;
	}
		.nav--level2--button:hover, .nav--level2--button:focus {
			background-color:#DEEBFF;
		}
		.nav--level2--button:first-child {
			border-radius:0.5rem 0.5rem 0 0; 
		}
		.nav--level2--button:last-child {
			border-radius:0 0 0.5rem 0.5rem; 
		}
	.nav--level2--icon {
		font-size:1rem;
	}
	.nav--level2--label {
		margin:1rem 1rem 0.25rem 1.75rem;
	}
	.js--create--new--stakeholders--input {
		margin:0 1rem 1rem 1rem; padding:0.75rem;
		background-color:#FEFEFE; border-bottom:solid 0.1rem rgba(13,109,174,0.1); border-left:solid 0.1rem #1B9DD9;
	}
	.nav--level2--divider {
		display:block;
		border-bottom:solid 0.1rem #DEEBFF;
	}
	.nav--level2--img {
		height:1rem;
	}