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);
}