Menu Toggle different colour on home page

Hi Guys

I am trying to make the menu toggle burger bar and cross a different colour on my home page to the rest of the pages but can't seem to get it to work.

Here is the code I have:

.page-id-8 .slide-opened .slideout-exit:before, .slideout-navigation button.slideout-exit:before, .slideout-toggle a:before {
content: "+" !important;
font-family: antique-olive, sans-serif !important;
font-weight: 300 !important;
line-height: 1em;
width: 1.28571429em;
text-align: center;
display: inline-block;
font-size: 50px;
position: relative;
z-index: 8000;
color: #000000;
}
.slide-opened .slideout-exit:before, .slideout-navigation button.slideout-exit:before, .slideout-toggle a:before {
content: "+" !important;
font-family: antique-olive, sans-serif !important;
font-weight: 300 !important;
line-height: 1em;
width: 1.28571429em;
text-align: center;
display: inline-block;
font-size: 50px;
position: relative;
z-index: 8000;
color: #ffd40b;
}

I can't give you a URL as the site is currently just on my local machine.

Thanks in advance for any help you can offer me with this.

Cheers

Gary