Have different overlay style for portfolio than blog

Hi there,

On a (development) website I’ve created a masonry for portfolio (dogs) and a masonry for news/blog (see links below). We want the overlay in two different styles:
1) News/blog should have the standard style generated by the theme options.
2) Portfolio/dogs needs to be a different font-family, red and bigger.

With some help from other topics I thought I’d use the following code:

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
	font-size: 40px !important;
	font-family: 'open sans';
	color: #ff030b !important;
}

However, when I do that, all masonries show this style. So to identify the portfolio masonry from the standard, I gave the portfolio masonry a class called “overzicht-honden”. In theme-options I checked “Show element options for developers”.

When I add the class .overzicht-honden to the code, it will be:

#top .overzicht-honden .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
	font-size: 40px !important;
	font-family: 'open sans';
	color: #ff030b !important;
}

However, for both the masonry news and masonry portfolio the standard style is shown. So obviously I am doing something wrong…

How can I achieve that for the masonry portfolio the different style is shown? Can you please give me a hand?

Thanks in advance!

Regards,
Monique