Mobile Menu - drop down colour options

Hello, the dropdown view on desktop is great. I cannot replicate it in the mobile nav. This is what I have set up:
 

.Header-nav-folder a {border-bottom:1px solid #ffffff}
.Header-nav-folder{box-shadow: 5px 5px 15px rgba(0,0,0,0.25)}
.Header-nav-folder a {padding-bottom:.5rem!important; } 
.Header-nav-folder{background:linear-gradient(to bottom, #fccb90,#f6854e) }
/* dropdown items color */
.header-nav-item:hover a {
    color: #b0ddc9 !important;
}
.header-nav-folder-item a {
    font-color: #b0ddc9 !important;
}
#mobileNav .main-nav.mobile-nav a {
  background:linear-gradient(to bottom, #fccb90,#f6854e) 
}
/* mobile dropdown items color */
.main-nav.mobile-nav hover a {
    color: #b0ddc9 !important;
}

Hi,

What is site url?

https://www.apolloniaproductions.com/