#menubutton, #menubutton+label { display: none; }


body>nav .inner { background-color: rgba(206,20,50,1.0); height: 40px; }


nav ul.menu {  }
nav ul.menu>li { float: left; display: block; position: relative; height: 40px; line-height: 40px; }
	nav ul.menu>li>a {
		display: inline-block; padding: 0 20px; height: 40px;
		text-decoration: none; color: rgb(230,230,230,0.9); font-size: 20px; font-weight: 700;
		text-transform: uppercase; letter-spacing: 0.02em;
	}
	
	nav ul.menu>li:hover>.sub-menu { display: block; }
		nav ul.menu>li:hover>a { background-color: rgb(0,0,0,0.4); color: rgb(255,255,255,1.0); }
	
	nav ul.sub-menu {
		display: none;
		position: absolute; top: 40px;
		background-color: white; border-left: 5px solid rgb(17,35,105,1.0);
		box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.25);
		z-index: 99; 
	}
		nav ul.sub-menu>li { height: auto; width: 100%; position: relative; white-space: nowrap; line-height: 1.2em; border-bottom: 1px solid grey; }
		nav ul.sub-menu>li>a {
			display: block; padding: 8px 40px 8px 10px; width: 100%; 
			text-decoration: none; color: rgb(17,35,105,1.0); font-size: 20px; font-weight: 400;
			text-transform: normal; letter-spacing: 0;
		}

	nav ul.sub-menu>li.menu-item-has-children>a {
		background-image: url('./assets/images/blue-arrow.svg');
		background-position: right center;
	}

	nav ul.sub-menu>li:hover>.sub-menu { display: block; }
		nav ul.sub-menu>li:hover>a { background-color: rgb(0,0,0,0.2); }

	nav ul.sub-menu ul.sub-menu {
		display: none;
		position: absolute; top: 0; left: 100%;
	}