.main-navigation {
background-color: #145474;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
} .menu-main-menu-container {
display: block;
width: 100%;
padding-left:64px;
} .menu-toggle {
grid-area: menu-toggle;
display: none;
cursor: pointer;
padding: 10px 12px;
border: none;
background-color: transparent;
font-size: 5vw;
color: #fff;
} .nav-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
} .nav-menu ul {
background-color: #145474;
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: -999em;
left: -999em;
z-index: 99;
} .nav-menu li {
display: inline-block;
position: relative;
text-align: left;
} .nav-menu li li {
display: block;
z-index: 1;
} .nav-menu li.focus > ul,
.nav-menu li:hover > ul {
top: auto;
left: auto;
} .nav-menu li li.focus > ul, 
.nav-menu li li:hover > ul {
left: 100%;
top: 0;
} .nav-menu a {
color: #fff;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
font-size: 16px;
} .nav-menu a:hover,
.nav-menu li:hover > a,
.nav-menu .focus > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #ffcc03;
} .nav-menu .menu-item-has-children > a::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
} .nav-menu ul .menu-item-has-children > a::before {
right: 2px;
border-top-color: transparent;
border-left-color: currentColor;
}