ul {
list-style: none;
padding: 0;
margin: 0;
}
ul li {
display: block;
position: relative;
float: left;
}
/* This hides the dropdowns */
li ul {
display: none;
}
ul li a {
display: block;
padding: 1em;
text-decoration: none;
white-space: nowrap;
color: #fff;
}
ul li a:hover {
background: #EBEDEF;
}
/* Display the dropdown */
li:hover > ul {
display: block;
position: absolute;
}
/* Remove float from dropdown lists */
li:hover li {
float: none;
}
li:hover a {
background: #5D6D7E;
}
li:hover li a:hover {
/* background: #2c3e50;*/
}
.main-navigation li ul li {
border-top: 0;
}
/* Displays second level dropdowns to the right of the first level dropdown */
ul ul ul {
left: 100%;
top: 0;
}
ul:before,
ul:after {
content: " "; /* 1 */
display: table; /* 2 */
}
ul:after {
clear: both;
}