updating cache

Author: Joseph Damiba

_data/cache_bust_css.yml

@@ -1,2 +1,2 @@
-ff0a6e91ea3d23b64142c0d4d49e4b1b  ../all_static/css/main.css
+77c14d82285744015875e752ccfc8d6e  ../all_static/css/main.css
 a5765df8bc2358dd61c19edcc0cbef7d  ../all_static/css/normalize.css

all_static/css/main.css

@@ -1865,7 +1865,7 @@ ul.\--ref {
           opacity: 1; }
 
 .\--help-box {
-  background: #447bdc;
+  background: #000749;
   padding: 40px 20px;
   -webkit-box-flex: 1;
   -webkit-flex: auto;
@@ -1964,7 +1964,7 @@ ul.\--ref {
       margin-bottom: 20px;
       position: relative; }
       .\--help-box .\--wrap h5::before {
-        content: '';
+        content: "";
         position: absolute;
         width: 40px;
         background: #6693e2;

scss/_components/_helpbox.scss

@@ -1,132 +1,129 @@
-
-.\--help-box{
-  background: $blue;
-  padding:$unit*4 $unit*2;
-  flex:auto;
+.\--help-box {
+  background: #000749;
+  padding: $unit * 4 $unit * 2;
+  flex: auto;
   width: 100%;
   position: relative;
-  z-index:99;
-  min-width:100%;
-  .\--wrap{
+  z-index: 99;
+  min-width: 100%;
+  .\--wrap {
     //display: flex;
     //flex-direction: column;
     text-align: center;
-    .\--title{
+    .\--title {
       color: white;
       font-size: 2rem;
     }
-    ul{
+    ul {
       display: flex;
-      color:white;
-      width:100%;
-      justify-content:center;
+      color: white;
+      width: 100%;
+      justify-content: center;
       //ta
       //border-bottom:$border;
       //padding:$unit*2 0;
       @include handheld {
-      flex-wrap: wrap;
-        li{
+        flex-wrap: wrap;
+        li {
           flex: 1 1 100%;
           text-align: center;
-          a{
+          a {
             justify-content: center;
             align-items: center;
-            border-right:0;
+            border-right: 0;
             flex-direction: column;
-            margin-top:$unit;
-            border-bottom:1px solid lighten($blue, 12%);
-            padding:$unit*2;
-
+            margin-top: $unit;
+            border-bottom: 1px solid lighten($blue, 12%);
+            padding: $unit * 2;
           }
         }
       }
-      padding-bottom:$unit*2;
-      li{
-        &:nth-of-type(1){
-          a::before{
+      padding-bottom: $unit * 2;
+      li {
+        &:nth-of-type(1) {
+          a::before {
             transform-origin: right;
           }
         }
-        &:nth-of-type(2){
-          a::before{
+        &:nth-of-type(2) {
+          a::before {
             transform-origin: 50% !important;
           }
         }
 
-        div.icon{
-          margin-right:$unit/2;
-          margin-top:-3px;
-          svg{
-            path{
+        div.icon {
+          margin-right: $unit/2;
+          margin-top: -3px;
+          svg {
+            path {
               //fill: lighten($blue, 25%);
               fill: currentColor;
             }
-
           }
         }
-        &:last-of-type{
-          a{
-            border-right:0;
+        &:last-of-type {
+          a {
+            border-right: 0;
           }
         }
-        span{
+        span {
           display: inline-block;
-          padding-right:$unit;
+          padding-right: $unit;
           display: none;
         }
       }
-      a{
+      a {
         padding: $unit/2 $unit;
-        padding-top:$unit*1.2;
-        border-right:1px solid lighten($blue, 12%);
+        padding-top: $unit * 1.2;
+        border-right: 1px solid lighten($blue, 12%);
 
         //margin:$unit/2;
-        display:flex;
-        &:hover{
+        display: flex;
+        &:hover {
           background: darken($blue, 5%);
         }
 
-        color:white;
-        &:hover{
+        color: white;
+        &:hover {
           color: white !important;
-          opacity:1 !important;
+          opacity: 1 !important;
         }
       }
     }
-    h5{
-      font-weight:bold;
-      color:lighten($bblue, 25%);
-      opacity:0.8;
+    h5 {
+      font-weight: bold;
+      color: lighten($bblue, 25%);
+      opacity: 0.8;
       font-size: 1.5rem;
-      padding-bottom:$unit*2;
-      margin-bottom:$unit*2;
+      padding-bottom: $unit * 2;
+      margin-bottom: $unit * 2;
       position: relative;
-      &::before{
-        content: '';
+      &::before {
+        content: "";
         position: absolute;
-        width: $unit*4;
+        width: $unit * 4;
         background: lighten($blue, 8%);
-        height:6px;
+        height: 6px;
         left: 50%;
-        margin-left:-$unit*2;
-        top:100%;
+        margin-left: -$unit * 2;
+        top: 100%;
       }
     }
     color: lighten($blue, 25%);
-    .\--cta{
+    .\--cta {
       background: darken($blue, 5%);
-      padding:$unit;
+      padding: $unit;
       display: flex;
       align-items: center;
-      justify-content:center;
+      justify-content: center;
       display: inline-block;
-      max-width:300px;
-      p{
-        margin:0;
-        padding:0;
+      max-width: 300px;
+      p {
+        margin: 0;
+        padding: 0;
       }
 
-      a{
+      a {
         text-decoration: underline;
         color: #ffffff !important;
       }