styling problems with mobile menu

hi rui,

my wp mobile menu is almost perfect. my problem is the following:
when i open a submenu and then click on a submenu item, the title of the submenu turns black.

https://imgur.com/a/tdQ3iYE

• what can i do to make it stay yellow like the icon next to it?

and if i then click on another link, the icon at the top turns yellow.

https://imgur.com/a/XJFgXif

• what do i have to do to make it turn black? i have already tried a few things, but they didn’t work.

this is the css that i have stored in the custom css.

/* MOBILE NAVI | HAMBURGER ICON POSITION */
i.mob-icon-menu.mob-menu-icon {
margin-top: -6px !important;
}

/* MOBILE NAVI | CLOSE ICON POSITION */
i.mob-icon-cancel-circled.mob-cancel-button {
color: #27272A;
margin-right: 10px !important;
}

/* MOBILE NAVI | SUBMENU POSITION */
@media (max-width: 768px) {
.mobmenu-panel.show-panel .mobmenu-content .sub-menu {
margin-left: -44px !important;
width: calc(100% + 44px) !important;
background-color: #272727 !important;
}
}

/* MOBILE NAVI | SUBMENU COLOR */
.mobmenu-content #mobmenuright .sub-menu a {
color: #dca54a !important;
}

/* MOBILE NAVI | SUBMENU EXPAND ICONS COLOR & POSITION */
div.mob-expand-submenu.show-sub, i.mob-icon-up-open-2.close-icon {
margin-top: -3px;
color: #DCA54A !important;
}

div.mob-expand-submenu, i.mob-icon-down-open-2.open-icon {
margin-top: -3px;
color: #FFFFFF !important;
}

i.mob-icon-down-open-2.open-icon {
color: #000 !important;
margin-top: -40px !important;
}

thank you very much in advance

kind regards
sergio

The page I need help with: [log in to see the link]