What CSS will fix my footer, which is messed up on a specific type of page

Hi,
I am hoping my problem could be solved with CSS. But I don’t know CSS well enough to know how to solve this. Thanks in advance for your help.

I have a plugin named business directory that automatically generates pages for me. Most of the pages are fine. There is one type of page that has the footer messed up. The footer loses its structure. All the content is still there but it’s jumbled together.

Based on another post, it sounds like the php generating this type of page is somehow conflicting with my .footer.

The type of page with the issue is

http://concertacrossamerica.org/business-directory/san-diego/

you can see the right footer working with another page generated by the same plug in: http://concertacrossamerica.org/business-directory/2018-concerts/sd/

Notice on http://concertacrossamerica.org/business-directory/san-diego/ the spacing between “Join us” and “learn more.”

thanks in advance,
M

The page I need help with: [log in to see the link]