ul li ul.dropdown li {
    display : block;
}
ul li ul.dropdown {
    padding-left: 10px;
    padding-right : 20px;
    padding-top : 10px;
    padding-bottom : 10px;
    background: #F9F9F9;
    position : absolute;
    z-index : 999;
    display : none;
    font-family: "DM Sans", Helvetica;
    font-family: var(--body-small-font-family);
    font-weight: var(--body-small-font-weight);
    color: #8a6a4a;
    font-size: var(--body-small-font-size);
    letter-spacing: var(--body-small-letter-spacing);
    line-height: var(--body-small-line-height);
    white-space: nowrap;
    font-style: var(--body-small-font-style);
}

ul li a {
    color : #8a6a4a;  
}


ul li a:hover {
    background: #D7D7D7;
}

ul li:hover ul.dropdown {
    display : block;
    border: 1px solid #444;
}