academic program style updates

web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss

@@ -54,23 +54,19 @@
       }
 
       .majors-btn {
-        background: #830065;
+        background: #851E5E;
       }
 
       .minors-btn {
-        background: #255E67;
+        background: #235D62;
       }
 
       .certs-btn {
-        background: #4A301C;
+        background: #442369;
       }
 
       .grads-btn {
-        background: #B34A28;
-      }
-
-      .all-btn {
-        background: #212325;
+        background: #453831;
       }
 
       @media (max-width: 768px) {
@@ -82,10 +78,10 @@
     .active {
 
       a {
-        background: $brand-lgray;
-        color: #212325;
-        border-left: 2px solid #A7B1B7;
-        border-top: 2px solid #A7B1B7;
+        background: #D4DF47;
+        color: #3D3D3D;
+        border-left: 2px solid #ABB33C;
+        border-top: 2px solid #ABB33C;
       }
     }
   }
@@ -124,15 +120,10 @@
     }
 
     button#edit-submit-academic-programs {
-      background-color: $filter-color;
-      border-color: $filter-color;
+      background-color: #26686d;
+      border-color: #225d62;
       float: right;
 
-      &:hover {
-        background-color: $filter-color-hover;
-        border-color: $filter-color-hover;
-      }
-
       @media (max-width: 768px) {
         float: none;
         width: 100%;
@@ -207,6 +198,22 @@
 
   aside {
 
+    .ap-sidebar-btn-wrap {
+      padding-top: 20px;
+
+      a{
+        color: $brand-gray;
+
+        .ap-sidebar-btns {
+          border: $brand-gray 2px solid;
+          background: $white;
+          text-transform: uppercase;
+          width: 100%;
+          font-weight: 600;
+        }
+      }
+    }
+
     @media (max-width: 768px) {
       min-height: auto;
       float: none;

web/themes/asc_bootstrap/css/style.css

@@ -6733,24 +6733,22 @@ figcaption {
           text-align: center;
           padding: 10px; } }
     .view-academic-programs .btn-programs li .majors-btn {
-      background: #830065; }
+      background: #851E5E; }
     .view-academic-programs .btn-programs li .minors-btn {
-      background: #255E67; }
+      background: #235D62; }
     .view-academic-programs .btn-programs li .certs-btn {
-      background: #4A301C; }
+      background: #442369; }
     .view-academic-programs .btn-programs li .grads-btn {
-      background: #B34A28; }
-    .view-academic-programs .btn-programs li .all-btn {
-      background: #212325; }
+      background: #453831; }
     @media (max-width: 768px) {
       .view-academic-programs .btn-programs li {
         display: block;
         padding: 10px; } }
   .view-academic-programs .btn-programs .active a {
-    background: #EFF1F2;
-    color: #212325;
-    border-left: 2px solid #A7B1B7;
-    border-top: 2px solid #A7B1B7; }
+    background: #D4DF47;
+    color: #3D3D3D;
+    border-left: 2px solid #ABB33C;
+    border-top: 2px solid #ABB33C; }
 .view-academic-programs .bef-exposed-form {
   background: #D8D8D8;
   margin-bottom: 35px; }
@@ -6772,12 +6770,9 @@ figcaption {
     text-transform: uppercase;
     border-radius: 0; }
   .view-academic-programs .bef-exposed-form button#edit-submit-academic-programs {
-    background-color: #BA0C2F;
-    border-color: #BA0C2F;
+    background-color: #26686d;
+    border-color: #225d62;
     float: right; }
-    .view-academic-programs .bef-exposed-form button#edit-submit-academic-programs:hover {
-      background-color: #212325;
-      border-color: #212325; }
     @media (max-width: 768px) {
       .view-academic-programs .bef-exposed-form button#edit-submit-academic-programs {
         float: none;
@@ -6815,6 +6810,16 @@ figcaption {
   .views-field-field-ap-dep-centers ul li {
     margin-bottom: 10px; }
 
+.page-node-type-academic-programs aside .ap-sidebar-btn-wrap {
+  padding-top: 20px; }
+  .page-node-type-academic-programs aside .ap-sidebar-btn-wrap a {
+    color: #4A4A4A; }
+    .page-node-type-academic-programs aside .ap-sidebar-btn-wrap a .ap-sidebar-btns {
+      border: #4A4A4A 2px solid;
+      background: #ffffff;
+      text-transform: uppercase;
+      width: 100%;
+      font-weight: 600; }
 @media (max-width: 768px) {
   .page-node-type-academic-programs aside {
     min-height: auto;