asc_bootstrap - focus boxes on accordions for accessibility, updating contact...

asc_bootstrap - focus boxes on accordions for accessibility, updating contact us link to be <p> VS <h3>, adding underlines to links in footer, fixing h3 color when dark scarlett bgcolor is applied

web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss

@@ -115,22 +115,27 @@
 
   .panel-heading {
     border: none;
+    padding: 0;
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
   }
 
   .card-header {
     margin: 0 0 10px;
-    background: #f5f5f5;
 
     .panel-title {
       color: #b00;
-      padding: 3px 15px;
+      margin: 0;
       border-color: transparent;
       border-style: none;
       border-width: 0;
       background-color: transparent;
       width: 100%;
       text-align: left;
-      outline: none;
+      background: #f5f5f5;
+      padding: 10px 15px;
+      border-top-right-radius: 3px;
+      border-top-left-radius: 3px;
     }
 
     svg, i {

web/themes/asc_bootstrap/assets/sass/layout/_default.scss

@@ -176,10 +176,12 @@ p {
 	color: $gray;
 }
 
-a:focus {
-    outline: dotted 2px;
+a:focus,
+input:focus,
+button:focus,
+select:focus {
+    outline: dotted 2px #1B7582;
     outline-offset: 4px;
-    color: #1B7582;
 }
 
 

web/themes/asc_bootstrap/assets/sass/layout/_footer.scss

@@ -43,6 +43,28 @@
   .nav > li > a {
     padding: 0;
   }
+
+  .footer-address {
+    a {
+      text-decoration: underline;
+    }
+
+    .contact-heading {
+      line-height: 22px;
+      color: $white;
+      margin: 11px 0;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      font-size: $font-size-h3;
+      font-weight: $headings-font-weight;
+    }
+  }
+
+  .footer-email {
+    a {
+      text-decoration: underline;
+    }
+  }
 }
 
 #subfoot {

web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss

@@ -210,6 +210,10 @@
     text-decoration: underline;
   }
 
+  h1, h2, h3, h4, h5, h6 {
+    color: $white;
+  }
+
   .tab-header {
     color: $white;
   }

web/themes/asc_bootstrap/templates/block/block--contactinfo.html.twig

@@ -47,7 +47,7 @@
 #}
 
 <div class="footer-address">
-  <h3><a href="/contact">Contact Us</a></h3>
+  <p class="contact-heading"><a href="/contact">Contact Us</a></p>
   <p>
     {% if content.field_address_line1.0 %}
       {{ content.field_address_line1.0 }}<br/>