Fix lints

source/stylesheets/_variables.scss

@@ -176,3 +176,8 @@ $what-is-bg: #33373c;
 $steps-bg: $color-white;
 $steps-border-color: #d7d7d7;
 $steps-link-color: $color-primary-alt;
+
+/* training */
+
+$color-training-header: #aaa;
+$bg-color-link-hover: rgba(180, 180, 180, .15);

source/stylesheets/training.css.scss

@@ -29,9 +29,9 @@ body {
     text-align: left;
     font-size: 15px;
   }
-  
+
   h2 {
-    color: #aaa;
+    color: $color-training-header;
     font-weight: 300;
     font-size: 24px;
     margin-top: 10px;
@@ -46,18 +46,28 @@ body {
     font-weight: normal;
   }
 
-  h3,h4 {
+  h3,
+  h4 {
     color: $color-secondary-alt;
   }
 
   a {
     color: $color-white;
+
+    &.training-block:hover {
+      .row {
+        background-color: $bg-color-link-hover;
+        border-color: transparent;
+        border-radius: 3px;
+      }
+    }
   }
 
   .training-block {
     border-radius: 3px;
 
-    p,ul {
+    p,
+    ul {
       color: $color-white;
     }
 
@@ -82,16 +92,6 @@ body {
     }
   }
 
-  a.training-block:hover {
-    .row {
-      background-color:rgba(180, 180, 180, 0.15);
-      border-color: transparent;
-      border-radius: 3px;
-    }      
-
-    
-  }
-
 }
 
 .training-form {