Perfect – actually it sort of worked without removing the background images
The CSS for Nav and widget Title custom colours:
@charset “utf-8”;
/* CSS Document */
.sidebar .widget {
padding: 0;
background-color: transparent;
}
.sidebar .widget > * {
padding: 20px;
background-color: #ebeeef;
border: 1px solid #cecece;
}
.sidebar .widget h4.widget-title {
padding-top: 5px;
padding-bottom: 5px;
color: #d7e4ea;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
background-color: #5a8ea6;
margin-bottom: 0px;
}
.main-navigation .main-nav > ul > li:not(:last-child) {
margin-right: 10px;
}