CSS keeps breaking on my website

Hi there

Something really strange is happening on my site. I have Enfold Child theme active and have been building this site, currently there are not many additional plugins or anything on the site as it is still in its early stages of development however today when I started working on the site I started making a few changes (Just adding a new page, minimal CSS etc) and all of a sudden it removed (or replaced) my original CSS. The CSS is still in the panel but there is other CSS over riding it and I cannot find where that CSS is coming from. I assumed that it was being added in by a plugin that I added, so I deleted that plugin, it did not go back to how it was, I then had to roll back my entire site and my styling came back. After I did this I continued to edit my site again and all I did was switch off the Social Links in the footer socket, and add in some CSS to center align my socket content and again it removed all my CSS styling (or replaced it). I then went and removed the CSS that I added to center align my socket content but it is not being undone, my socket is still center aligning.

Keep in mind that this site is still very early into dev and there are not many plugins on the site (Literally only 5 at the moment) and all these plugins have been active since the last time I edited the site and did not cause any issues. I have also deactivated (currently) all the plugins to check and none of them make any difference.

Please can you check where this new CSS is pulling from and how it keeps coming back onto my site.

I have not rolled back again so when you look at the site you will be seeing the “broken” styling, for example, all the H2’s are not supposed to be in caps, I have not set it to be in caps anywhere on the site yet it is transforming into caps. Also all my font sizes are off (not what I am setting it to) and when I try to change it, it just does not work.

Your help is super appreciated!