Updating staging

_includes/header.html

@@ -31,7 +31,11 @@
                     </button>
                 </div>
             </header>
+                 {% if page.url =='/career-planning-tool/' %}
+            <div class="usa-banner__content usa-accordion__content ogp-banner" id="gov-banner">
+                {% else %}
             <div class="usa-banner__content usa-accordion__content" id="gov-banner">
+                {% endif %}
                 <div class="grid-row grid-gap-lg">
                     <div class="usa-banner__guidance tablet:grid-col-6">
                         <img class="usa-banner__icon usa-media-block__img" alt="Dot gov" src="{{ site.baseurl }}/assets/img/icon-dot-gov.svg" />

_includes/meta.html

@@ -45,12 +45,12 @@
     <!-- Favicons
       ================================================== -->
     <!-- 128x128 -->
-    <link rel="shortcut icon" type="image/ico" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
-    <link rel="icon" type="image/png" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
+    <link rel="shortcut icon" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
+    <link rel="icon" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
     <!-- 192x192, as recommended for Android
       http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android
       -->
-    <link rel="icon" type="image/png" sizes="192x192" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
+    <link rel="icon" sizes="192x192" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
     <!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
     <link rel="apple-touch-icon-precomposed" href="{{ site.baseurl }}/assets/images/FAVICON-CFO-1.svg">
     <!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
@@ -74,9 +74,8 @@
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/main-page.css?{{ site.time | date: '%s%N' }}">
     {% else %}
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/main-page-green.css?{{ site.time | date: '%s%N' }}">
-    {% endif %}
-
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/career-planning.css?{{ site.time | date: '%s%N' }}">
+    {% endif %}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     {% if page.use_jqui %}
     <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">{% endif %}

_pages/jfmip/initiatives.html

@@ -6,6 +6,6 @@
 <h2 class="margin-bottom-neg-1 margin-top-neg-1">JFMIP Initiatives</h2>
 <ul class="usa-list">
     <li><a href="{{ site.baseurl }}/jfmip/payment-integrity-initiative/">Payment Integrity</a></li>
-    <li><a href="{{ site.baseurl }}/jfmip/blockchain-initiative/">Blockchain</a></li>
+    <!--<li><a href="{{ site.baseurl }}/jfmip/blockchain-initiative/">Blockchain</a></li>-->
     <li><a href="{{ site.baseurl }}/jfmip/workforce-initiative/">Workforce</a></li>
 </ul>

_pages/payment-accuracy/assets/css/main-page.scss

@@ -681,4 +681,71 @@ abbr{
           padding: 10px;
       }
   }
+}
+
+@media screen and (min-width: 640px) {
+    .usa-banner__button[aria-expanded="true"]::after {
+        background-color: transparent !important;
+        background-image: url("../img/angle-arrow-up-primary.svg"), linear-gradient(transparent, transparent);
+        background-repeat: no-repeat;
+        background-position: center center;
+        background-size: 0.5rem;
+        content: "";
+        display: inline-block;
+        width: 0.5rem;
+        margin-left: 4px;
+        transform: rotate(0deg) !important;
+    }
+
+    .usa-banner__button[aria-expanded="true"]:hover::after {
+        background-image: url("../img/angle-arrow-up-primary-hover.svg"), linear-gradient(transparent, transparent);
+        background-color: transparent !important;
+        transform: rotate(0deg) !important;
+    }
+
+    .usa-banner__button::after {
+        background-image: url("../img/angle-arrow-down-primary.svg"), linear-gradient(transparent, transparent);
+        background-repeat: no-repeat;
+        background-position: center center;
+        background-size: 0.5rem;
+        content: '';
+        display: inline-block;
+        width: 0.5rem;
+        margin-left: 4px;
+        background-color: transparent !important;
+    }
+
+    .usa-banner__button:hover::after {
+        background-image: url("../img/angle-arrow-down-primary-hover.svg"), linear-gradient(transparent, transparent);
+        background-color: transparent !important;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    .usa-banner__button[aria-expanded="true"]::after {
+        border: 0;
+        background-image: url("../img/close-blue-60v-alt.svg"), linear-gradient(transparent, transparent);
+        background-repeat: no-repeat;
+        background-position: center center;
+        background-size: 1rem;
+        content: '';
+        display: inline-block;
+        height: 3rem;
+        width: 3rem;
+        margin-left: 0;
+        background-color: transparent !important;
+    }
+
+    .usa-banner__header-action::after {
+        background-image: url("../img/angle-arrow-down-primary.svg"), linear-gradient(transparent, transparent);
+        background-repeat: no-repeat;
+        background-position: center center;
+        background-size: 0.5rem;
+        content: '';
+        display: inline-block;
+        height: 0.5rem;
+        width: 0.5rem;
+        margin-left: 2px;
+        background-color: transparent !important;
+    }
 }