Hide price only for Sold Out products, Archive (Sold Out) Collection Page - Prestige Theme 10.5

[hudsonc]

Hello,
I'm looking for help to edit the theme.css for both the Collection Page, which I use as a feature archive of all Sold Out products* important (this collection is sorted by: If Inventory Stock: is Less Than: 1) and the individual product pages of sold out items - to hide the original price. 

I am using Prestige Theme 10.5

Below is a collection of various code I have tried to add to the bottom of the theme.css which did not work:

.price.price--sold-out{
display:none;
}

Tried adding to custom css box within theme editing and tried to add in code by pasting at bottom of theme.css - did not work / did not impact anything

1. .product__info-container .price--sold-out .price__regular {
2.   display: none;
3. }

Followed the same steps as above; this did nothing.

I am wondering if it's how I have my product filters set? These snippets seem to have no impact on the collection page for Sold Out items nor the individual product pages themselves.

I tried this too: 
https://community.shopify.com/c/technical-q-a/hide-prices-for-sold-out-items-empire-theme/m-p/194532...

It did nothing. Any guidance here would be much appreciated! 

[Shadab_dev]

Please share your store url and password of it's not love and password protected.