CSS issues with JA Masshead

I have a local template set up. The problem is after a page loads with the JA Masshead. When you place your cursour over the Masshead, the background color changes and/or the background image disappears. I don't want that to happen.

Here is the location of the local templat CSS file: /templates/uber/local/css/themes/farmhouse/template.css

Here is the problematic CSS Code:

.masthead {
  color: #ffffff;
  position: relative;
  padding: 0;
}

.masthead:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00361d;
  opacity: 0.95;
  filter: alpha(opacity=95);
  left: 0;
  top: 0;
}

.masthead .t3-module {
  padding: 0;
  margin: 0;
}
.masthead .t3-module .module-title {
  display: none;
}
.masthead .masthead-bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  background-size: 100% auto;
}
.masthead .masthead-bg:before {
  background: #00361d;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  opacity: 0.95;
  filter: alpha(opacity=95);
}