CSS Style – Accessibility

Hi I am updating the web site to ensure it complies with the Accessibility guidelines meeting WCAG 2.1 AA standard. One thing that has come up is that the font is too small.

I have managed through copious use of Inspector to identify the CSS styles used BUT there’s an issue with some of the fixed text.
Here’s the code extract:
<div class=”gce-list-event gce-tooltip-event”>
<span class=”simcal-event-title” itemprop=”name”>Downton Parish Council Surgeries</span>
“ – “
<span class=”simcal-event-start simcal-event-start-time” data-event-start=”1601712000″ data-event-format=”g:i a” itemprop=”startDate” content=”2020-10-03T09:00:00+01:00″>9:00 am</span>
“ to ”
<span class=”simcal-event-end simcal-event-end-time” data-event-end=”1601715600″ data-event-format=”g:i a” itemprop=”endDate” content=”2020-10-03T10:00:00+01:00″>10:00 am</span>
“. Location: “
<span class=”simcal-event-address simcal-event-start-location” itemprop=”location” itemscope=”” itemtype=”https://schema.org/Place”&gt;
<meta itemprop=”name” content=”Memorial Hall”>
<meta itemprop=”address” content=”Memorial Hall”>Memorial Hall</span>
</div>

It’s the ” – “, ” to ” and “. Location: ” that are hard to re-style as they appear to have no simcal specific styles associated with them?

I have managed to re-format the text but that uses a wide ranging style which impacts other areas.

Is there either any specific style I could be using or maybe you could add a simcal style to these text so that I can style them directly? As an example the Custom Facebook Feed uses styles that apply to their ‘See More’/’See Less’ links as cff-more/cff-less.

Many thanks

Paul

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