Change calendar block based on event title

I have created a calendar and have changed the background color of all of my events to orange. Now, I would like to leave all of my events orange unless the title is "Available". For "Available" dates, I'd like the background color to be blue while all other events remain orange. 

Is this possible?

Thank you!

@JenGlenn876 Are you able to add categories to your events? If so, can you create a category for "available" and then target those event categories with custom CSS?

If you setup the categories and share a link to the page, we can have a closer look...

Ok I created a category of "Available" and assigned it to the "Available" date on January 7, 2024. Here is a link to the page https://www.adamglennmusic.com/calendar

Thank you!

Here is my existing custom CSS:

.yui3-squarespacecalendar-content
{background: rgba(96, 96, 96,.3)}

.yui3-calendar-day.today {background: rgba(96, 96, 96,.7)!important; border-radius: 50%}

.yui3-calendar-day.has-event {background: rgba(235, 154, 73, .5)!important;
}

@JenGlenn876 Ah, bummer I was hoping the calendar might included classes indicating the categories on the divs that you could target, but it doesn't look like this template does that... you might be able to write some custom javascript to get the categories to show up as div classes for this, but that's out of my area of expertise, unfortunately... someone else might have a more helpful suggestion, sorry!

Ok thanks for trying.