refs #19406 [finc] change facet titles to h3

* fixing bugs for mobile

themes/finc-accessibility/scss/compiled.scss

@@ -50,6 +50,20 @@
   padding: 0;
 }
 
+// adapt style for h3 in sidebar
+#myresearch-sidebar {
+  h3 {
+    font-size: $font-size-base;
+    margin: 0;
+  }
+
+  .facet-group:not(.active-filters) h3 {
+    @media (max-width: $screen-xs-max) {
+      padding-left: 0;
+    }
+  }
+}
+
 // remove filter links styling
 a.remove-filter {
   display: flex;

themes/finc-accessibility/templates/Recommend/SideFacets/filter-list.phtml

 <!-- finc-accessibility - Recommend - SideFacets - filter-list.phtml -->
 <?php /* #18509 copied from bootstrap for adding language tags to displayText */ ?>
 <div class="facet-group active-filters">
-  <div class="title"><?=$this->transEsc('Remove Filters')?> <span class="sr-only"><?=$this->transEsc('facet_deselect_hint') ?></span></div>
+  <?php /* change div of Remove Filters to h3, #19406 - VE */ ?>
+  <h3 class="title"><?=$this->transEsc('Remove Filters') ?> <span class="sr-only"><?=$this->transEsc('facet_deselect_hint') ?></span></h3>
   <ul>
   <?php foreach ($filterList as $field => $filters): ?>
     <?php foreach ($filters as $i => $filter): ?>

themes/finc/templates/Recommend/SideFacets.phtml

@@ -55,9 +55,12 @@ if ($hierarchicalFacets) {
 <?php if (!empty($sideFacetSet) && $results->getResultTotal() > 0): ?>
   <?php foreach ($sideFacetSet as $title => $cluster): ?>
     <div class="facet-group" id="side-panel-<?=$this->escapeHtmlAttr($title)?>">
-      <a <?php if(in_array($title, $collapsedFacets)): ?>class="title collapsed" aria-expanded="false"<?php else: ?>class="title" aria-expanded="true"<?php endif ?> data-toggle="collapse" href="#side-collapse-<?=$this->escapeHtmlAttr($title) ?>" >
-        <?=$this->transEsc($cluster['label'])?> <span class="sr-only"><?=$this->transEsc('facet_select_hint') ?></span>
-      </a>
+      <?php /* add h3, #19406 - VE */ ?>
+      <h3>
+        <a <?php if(in_array($title, $collapsedFacets)): ?>class="title collapsed" aria-expanded="false"<?php else: ?>class="title" aria-expanded="true"<?php endif ?> data-toggle="collapse" href="#side-collapse-<?=$this->escapeHtmlAttr($title) ?>" >
+          <?=$this->transEsc($cluster['label'])?> <span class="sr-only"><?=$this->transEsc('facet_select_hint') ?></span>
+        </a>
+      </h3>
       <ul id="side-collapse-<?=$this->escapeHtmlAttr($title)?>" class="collapse<?php if (!in_array($title, $collapsedFacets)): ?> in<?php endif ?>">
         <?=$this->context($this)->renderInContext(
           'Recommend/SideFacets/facet.phtml',