Highend Portfolio CSS

Hello,
I have tried every option I can think of to try and edit the hover color for my portfolio images and none of them work for the Portfolio Simple Template Layout. In the grand scheme it is not that big of a deal, however I am determined to change this.

I think there must be something missing in the page-portfolio-simple.php file. I can edit every color on the portfolio page except the actual one I want to edit. Please help! Below are all the different options I tried. I also found where the color was assigned on the page: <div class=”item-overlay-text” style=”background-color: rgba(153, 178, 183, 0.85098); opacity: 0; background-position: initial initial; background-repeat: initial initial;”> – but no matter what I do the color never changes from this weird gray color that is showing in the attached image.

Here is the custom CSS I tried:
.item-overlay-text {
background: #c55a2f;
}

.item-overlay {
background-color: #c55a2f;
}

.item-overlay-text-wrap {
background-color: #c55a2f;
}

.hb-main-content {
background: #c55a2f;
}

.row-special {
background: #c55a2f;
}

.standard-gallery-filter {
background: #c55a2f;
}

.filter-tabs {
background: #c55a2f;
}

.sort-tabs {
background: #c55a2f;
}

.standard-gallery-item-wrap {
background: #c55a2f;
}

.standard-gallery-item {
background: #c55a2f;
}

.hb-sidebar {
background: #c55a2f;
}