Remove Dark Overlay from Home Page Image and Search Bar

You may want to use a large background image on the home page without the dark overlay that is part of the theme.

You can add the following 2 sections to Appearance > Customize > Additional CSS
​You will want to change the .4 to a smaller number, like .1, or you can add "transparent"

.home-welcome {
    background-color: rgba(0, 0, 0, .4);
}
​.home .search-bar {
    background: rgba(0, 0, 0, .4);
}
​

​OR
​

.home-welcome {
    background-color: transparent;
}
​.home .search-bar {
    background: transparent;
}

If you want to remove the dark overlay on the image behind the search bar on the other pages, add this to Additional CSS and make the .8 a smaller number

.search-bar {
    background: rgba(0, 0, 0, .8);
}

OR

.search-bar {
    background: transparent;
}