CSS Conflict between Advanced Styling options and Avia Layout Custom font sizes

We created a child theme from Enfold.

The child theme places CSS for the advanced styling options is placed at the bottom of …/dynamic_avia/enfold_-_child.css?ver=…

#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{font-size:15px;}#top #header .av-main-nav > li > a{font-size:16px;}#top #wrap_all .header_color h3, #top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3, #top #wrap_all .footer_color h3, #top #wrap_all .socket_color h3{font-size:24px;}#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:30px;}#top #wrap_all .header_color h1, #top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1, #top #wrap_all .footer_color h1, #top #wrap_all .socket_color h1{font-size:42px;}

When we select a custom size for the special tag header in the Avia Layout it adds it as an inline style. See sample code below. Except the font-size is not being applied.

<div style="padding-bottom:20px;font-size:54px;" class="av-special-heading av-special-heading-h1  blockquote modern-quote modern-centered  avia-builder-el-1  el_before_av_one_third  avia-builder-el-first "><h1 class="av-special-heading-tag" itemprop="headline">More effective autism therapy</h1><div class="av-subheading av-subheading_below " style="font-size:30px;"><p>that you can do at home for only minutes a day</p>
</div><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div>

I believe that the inline code is overridden by the external style invoked by the h1 class. If the code could add inline styling to the h1 tag instead, I believe it would work, so that you can customize your h1 tags in the advanced styling theme options and still add a once-off custom size to the special heading tag in the Avia advanced layout.