Assign different CSS styles to certain pages

Hi,

First things first. I’ve used Enfold for about 10 sites now, and I’m really, really pleased with it! Especially the Avia Layout Builder is one of a kind, and cannot imagine anymore building a site without it.

Now I need to build a site for a sports centre which has a logo and font family in a few different colors:

– Red for Kick boxing
– Green for nutrition
– Orange for Personal Training
– Pink for Dance Expression
– Etc

I would like to create a site where all pages about kick boxing are red (red logo, red font for links, etc), all pages about nutrition are green, all pages about personal training are orange and all pages about dance expression are pink.

Is this possible with the Enfold theme?

For example: can I relate certain CSS definitions to certain page id’s or something? Or can I relate certain CSS definitions to certain parts of the URL (like /kickboxing/…)?

I know I can define the content of the pages themselves pretty nicely with the Avia Layout Builder, so my question is about the things which are not part of the page content: header, footer, socket, etc. Guess it should be done with some kind of conditional css or something…

Cheers,
Marc