/* Basic horizontal menu styling */
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* makes items horizontal */
    flex-wrap: nowrap;
}

.main-navigation ul li {
    margin: 0;
    padding: 0;
    position: relative;
}

.main-navigation ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
}

/* Dropdown styling */
.main-navigation ul li ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    list-style: none;
    padding: 0;
    min-width: 180px;
    z-index: 9999;
}

.main-navigation ul li:hover > ul.sub-menu {
    display: block;
}

.main-navigation ul li ul.sub-menu li a {
    padding: 8px 12px;
    color: #444;
}