Transparent header and white sticky menu

Hi Guys,
I have found the code for the transparent header with which I am happy.

.page-layout-menu-overlap #masthead {
  background: transparent;
  border-bottom: transparent;
}

However I would like to make my sticky menu white with a black font, but a white font when the menu is transparent. Is that possible?
I have the following, but it makes my sticky menu white but also my font white.

#masthead.sticky-menu.floating {
  background: #FFFFFFF !important;
    font-weight: 600;
 }

.main-navigation ul a {
  font-weight: 600;
  color: #ffffff !important;
}

Thanks advance!
Martijn