A11y fixes

_layouts/home.html

@@ -20,13 +20,13 @@ <h2>{{ site.title }}</h2>
 			<h2>Active Responses</h2>
             <ul class="responses responses-active">
                 {% for response in site.data.responses.active %}
-                <a href="{{ response.url }}"><li class="response">
+                <li class="response"><a href="{{ response.url }}">
                     <h3>{{ response.title }}  <small>(Started {{ response.startdate }})</small></h3>
                     <p>{{ response.url }}</p>
                     {% if response.smsbot %}
                     <p>Text your zipcode to {{ response.smsbot }} for local shelter information.</p>
                     {% endif %}
-                </li></a>
+                </a></li>
                 {% endfor %}
             </ul>
             {% else %}

assets/css/_inc/links.css

@@ -6,7 +6,7 @@
 
 
 a:link {
-    color: var(--cfablue);
+    color: var(--blue);
 }
 
 .mainnav a:link,
@@ -19,7 +19,7 @@ a:visited {
 }
 
 a:focus {
-    border-bottom: 1px solid var(--cfablue);
+    border-bottom: 1px solid var(--red);
 }
 
 .mainnav a:focus {

assets/css/_inc/main.css

@@ -56,7 +56,7 @@ h2, h3, h4, h5, h6 {
 .responses .response:last-child {
     margin-right: 0;
 }
-.responses > a {
+.responses .response a {
     text-decoration: none;
 }
 .responses-active .response {
@@ -73,13 +73,16 @@ h2, h3, h4, h5, h6 {
 .responses-active .response h3 {
     font-size: 2rem;
 }
+.responses-active > .response > a {
+  color: var(--red);
+  text-decoration: none;
+}
 .responses-inactive {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
-
 }
 .responses-drills {
     display: flex;

assets/css/_inc/variables.css

@@ -2,7 +2,7 @@
     --dark: #232323;
     --grey-dark: #444444;
     --grey: #6D6E71;
-    --grey-light: #e5e5e5;
+    --grey-light: #ebebeb;
     --orange: #e87d2b;
     --yellow: #fedd44;
     --green: #00a175;