Inconsistent CSS on Sidebar Styling…

Hi everyone,

https://chestnutgroveperformingarts.co.uk

I am working on a child theme of Coraline, and I have attempted to style the links in my WYSIWYG Widgets across the board by adding the following CSS:

#primary.widget-area {
margin-top: 2.92%;
margin-right: 2%;
margin-bottom: 2%;
padding: 12px;
font-family: georgia;
width: 23%;
font-size: 100%;
}
#primary.widget-area a {
text-decoration: none;
color: #0e7b4e;
}
#primary.widget-area a:hover {
text-decoration: none;
color: #71bf44;
}

This works fine on one page: https://chestnutgroveperformingarts.co.uk/instrumental-tuition/

…but not another:
https://chestnutgroveperformingarts.co.uk/trips/

Can anybody explain this as it’s driving me insane!

Thanks in advance,

Paul