I’m trying to update the following in the “Simple” layout to align with brand colours and just having no success. 

.Skin.QuestionBody {
color: #FFFFFF;
}

.Skin label.SingleAnswer, .Skin label.MultipleAnswer {
background-color: #FFFFFF !important;
}

.Skin label.SingleAnswer:hover {
    color: #991ad6;
    background-color: #991ad6;
border-style: solid;
    border-radius: 0rem;
}

.Skin label.SingleAnswer.q-checked.q-focused {
    color: #991ad6; !important;
    background-color: #991ad6;
    border: #1F1B4F;
    border-style: solid;
    border-radius: 0rem;
}

All buttons needs to follow #1F1B4F; currently just setting this has Secondary Colour. 

All hovers state need to have a background colour of #991ad6 and text colour of #FFFFFF.

All focus states needs to a background colour of #991ad6 and text colour of #FFFFFF WITH a border colour of #1F1B4F.

Any help would be appreciated!