CSS styling of the footer goes wrong

and thanks in advance for your help.

I’m using a wordpress theme (called Eventr). In this theme, the footer has the id “footer”:

<footer id="footer">

And the css stylesheet has the matching #footer element styled accordingly :

#footer {
color: #b0b0b0 !important;
background: #262626 !important;
padding-top: 70px !important;
padding-bottom: 70px !important;
}

However, although it seems to be working just fine in their demo (http://themeforest.net/item/eventr-one-page-event-wordpress-theme/full_screen_preview/12212783), on my website the styling doesn’t work at all. It looks as though the page entirely ignores the #footer styling elements : when I inspect the page, it isn’t even called for :
screenshot of the page inspection

This puzzles me entirely. Any idea?

Cheers 🙂
Camille

PS: in the css stylesheet, I added the !important manually to see whether it would make any difference, but it makes none whatsoever.