Customize CSS class

Hi is there a way to add some custom css to the events pages?

Our site uses a transparent navigation until you scroll down the page. I have to use some custom css on pages where there is no header such as the pages output by your plugin.

For instance, I use these css class modifications on woocommerce pages and blog posts.

.single-post .x-navbar {
background-color: rgba(0,0,0, 0.8) !important;
}

.woocommerce .x-navbar {
background-color: rgba(0,0,0, 0.8) !important;
}

I have tried using .tribe-events, etc.. but they are not changing your pages. What class should I be using?

Thanks

https://ww.wp.xz.cn/plugins/the-events-calendar/