style updates

- red brand update
- removing duplicate variable
- sentence casing news titles
- advanced and horizontal callout updates
- paragraph text ul,ol,li styling

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

@@ -136,6 +136,13 @@
 
 //## Academic Program page.
 
+.page-node-type-academic-programs {
+
+  .page-header {
+    display: none
+  }
+}
+
 .ap-main-cont {
   margin-bottom: 60px;
 
@@ -144,6 +151,14 @@
     text-transform: uppercase;
   }
 
+  .ap-title-program {
+    font-size: 20px;
+    vertical-align: baseline;
+    text-transform: uppercase;
+    font-weight: 500;
+    padding-left: 20px;
+  }
+
 }
 
 .views-field-field-ap-dep-centers {

web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss

@@ -34,7 +34,7 @@
   .col {
     flex: 1;
     background: #EEE;
-    border-top: solid 3px #BB0000;
+    border-top: solid 3px $brand-red;
     margin: 1em;
     padding: 0;
     max-width: 33.33333%;

web/themes/asc_bootstrap/assets/sass/components/_menu.scss

@@ -296,7 +296,7 @@
 
       svg, i {
         font-size: 18px;
-        color: #BB0000;
+        color: $brand-red;
       }
     }
   }

web/themes/asc_bootstrap/assets/sass/components/_news.scss

@@ -95,7 +95,7 @@ article.news-story {
 }
 
 .news-title {
-  text-transform: capitalize;
+  text-transform: inherit;
 }
 
 .news-img {

web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss

@@ -132,7 +132,7 @@
     margin: 0 0 10px;
 
     .panel-title {
-      color: #b00;
+      color: $brand-red;
       margin: 0;
       border-color: transparent;
       border-style: none;
@@ -291,6 +291,11 @@
 
 //## Call Out Boxes - Advanced.
 
+.landing-page .carousel.adv-callout-desktop {
+  overflow: visible;
+  max-height: none;
+}
+
 .carousel.adv-callout-desktop {
   display: block;
 
@@ -369,6 +374,7 @@
 
 .call-out-adv-container {
   padding-bottom: 9.5px;
+  background: $brand-lgray;
 
   .field--name-field-av-cb-text {
     padding: 20px;
@@ -377,6 +383,14 @@
       color: $gray;
     }
 
+    a {
+      color: $brand-red;
+
+      &:hover {
+        color: $brand-gray;
+      }
+    }
+
     @media (max-width: 768px) {
       padding: 20px 15px 0;
     }
@@ -391,8 +405,10 @@
 
     a {
       color: $white;
-      background: $red-base;
+      background: $brand-red;
       padding: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
 
       @media (max-width: 768px) {
         width: 100%;
@@ -497,6 +513,14 @@
     .field--name-field-cb-h-text {
       padding: 25px 40px 25px 10px;
 
+      a {
+        color: $brand-red;
+
+        &:hover {
+          color: $brand-gray;
+        }
+      }
+
       @media (max-width: 768px) {
         padding: 0 0 20px;
       }
@@ -511,8 +535,10 @@
 
       a {
         color: $white;
-        background: $red-base;
+        background: $brand-red;
         padding: 10px;
+        font-weight: 600;
+        text-transform: uppercase;
 
         @media (max-width: 768px) {
           width: 100%;
@@ -568,19 +594,19 @@
 
   .file-icon {
     span {
-      color: $red-base;
+      color: $brand-red;
     }
   }
 
   .file-link {
 
     a {
-      color: $red-base;
+      color: $brand-red;
     }
   }
 
   .file-size {
-    color: $red-base;
+    color: $brand-red;
   }
 }
 

web/themes/asc_bootstrap/assets/sass/components/_people.scss

@@ -64,7 +64,7 @@
         a {
 
           &:hover {
-            color: $red-base;
+            color: $brand-red;
           }
         }
       }

web/themes/asc_bootstrap/assets/sass/components/_wysiwyg.scss

@@ -49,7 +49,7 @@
 
 .btn-wysiwyg {
   color: $white;
-  background-color: #960000;
+  background-color: $brand-red;
   border-color: #830000;
   display: inline-block;
   margin-bottom: 0;

web/themes/asc_bootstrap/assets/sass/helpers/_variables.scss

@@ -21,12 +21,11 @@ $brand-info:            #5bc0de !default;
 $brand-warning:         #f0ad4e !default;
 $brand-danger:          #d9534f !default;
 
-$brand-red:             #BB0000 !default;
+$brand-red:             #BA0C2F !default;
 $brand-gray:            #4A4A4A !default;
-$brand-lgray: #F5F5F5 !default;
+$brand-lgray: #EFF1F2 !default;
 $menu-gray: #E0E0E0 !default;
 
-$red-base: #bb0000 !default;
 $gray-6: #666666 !default;
 $black-base: #000000 !default;
 $purple-base: #442369 !default;

web/themes/asc_bootstrap/assets/sass/layout/_default.scss

@@ -180,6 +180,9 @@ select:focus {
     outline-offset: 4px;
 }
 
+ul, ol, li {
+	color: $gray;
+}
 
 hr {
 	width: 100%;