diff --git a/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss b/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
index 896a3549b469a93e5cf222232e69e1804e625a20..9552acdf3d012cff18b0a5b44392edf7046cdf3b 100644
--- a/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
+++ b/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
@@ -13,7 +13,10 @@
 }
 
 .transparent-bg {
-  padding: 16px;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 }
 
 
@@ -24,7 +27,11 @@
 .lgray-bg {
   background-color: #f5f5f5;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -37,12 +44,27 @@
   .field--name-field-callout-link a:hover {
     color: $black-base;
   }
+
+}
+
+.lgray-bg:before {
+    content: "";
+    background-color: #f5f5f5;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
 }
 
 .lblue-bg {
   background-color: #e9eff7;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -57,10 +79,24 @@
   }
 }
 
+.lblue-bg:before {
+    content: "";
+    background-color: #e9eff7;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .lviolet-bg {
   background-color: #f3e9ef;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -75,10 +111,24 @@
   }
 }
 
+.lviolet-bg:before {
+    content: "";
+    background-color: #f3e9ef;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .ltaupe-bg {
   background-color: #f5f5ee;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -93,10 +143,24 @@
   }
 }
 
+.ltaupe-bg:before {
+    content: "";
+    background-color: #f5f5ee;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .lturquoise-bg {
   background-color: #f1f8f7;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -111,10 +175,24 @@
   }
 }
 
+.lturquoise-bg:before {
+    content: "";
+    background-color: #f1f8f7;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .lteal-bg {
   background-color: #eaf0f1;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -129,10 +207,24 @@
   }
 }
 
+.lteal-bg:before {
+    content: "";
+    background-color: #eaf0f1;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .lyellow-bg {
   background-color: #f6f9da;
   color: $black-base;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   .panel {
     background-color: transparent;
@@ -147,6 +239,16 @@
   }
 }
 
+.lyellow-bg:before {
+    content: "";
+    background-color: #f6f9da;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 
 // --------------------------------------------------
 // Dark Colors
@@ -155,7 +257,11 @@
 .dgray-bg {
   background-color: $brand-gray;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -204,10 +310,24 @@
   }
 }
 
+.dgray-bg:before {
+    content: "";
+    background-color: $brand-gray;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .dscarlet-bg {
   background-color: #830000;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -256,10 +376,24 @@
   }
 }
 
+.dscarlet-bg:before {
+    content: "";
+    background-color: #830000;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .dviolet-bg {
   background-color: #5d1542;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -308,10 +442,24 @@
   }
 }
 
+.dviolet-bg:before {
+    content: "";
+    background-color: #5d1542;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .dteal-bg {
   background-color: #1b494c;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -360,10 +508,24 @@
   }
 }
 
+.dteal-bg:before {
+    content: "";
+    background-color: #1b494c;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .dpurple-bg {
   background-color: #442369;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -412,10 +574,24 @@
   }
 }
 
+.dpurple-bg:before {
+    content: "";
+    background-color: #442369;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .dgreen-bg {
   background-color: #565b22;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -464,10 +640,24 @@
   }
 }
 
+.dgreen-bg:before {
+    content: "";
+    background-color: #565b22;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
+
 .dorange-bg {
   background-color: #953d1c;
   color: $white;
-  padding: 16px;
+  position: relative;
+
+  .field--type-text-long {
+    padding: 16px 16px 16px 0;
+  }
 
   p {
     color: $white;
@@ -515,3 +705,13 @@
     }
   }
 }
+
+.dorange-bg:before {
+    content: "";
+    background-color: #953d1c;
+    position: absolute;
+    height: 100%;
+    width: 100px;
+    left: -20px;
+    z-index: -1;
+}
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 52ee58161e75149f78d2e27740daa0f7a581de55..773835c0d68a6507080c8883aa8a8de02e607595 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -9497,515 +9497,725 @@ figcaption {
   background-color: #1B494C;
 }
 
-/* line 15, ../assets/sass/layout/_section-background-colors.scss */
-.transparent-bg {
-  padding: 16px;
+/* line 17, ../assets/sass/layout/_section-background-colors.scss */
+.transparent-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
 
-/* line 24, ../assets/sass/layout/_section-background-colors.scss */
+/* line 27, ../assets/sass/layout/_section-background-colors.scss */
 .lgray-bg {
   background-color: #f5f5f5;
   color: #000000;
-  padding: 16px;
+  position: relative;
+}
+/* line 32, ../assets/sass/layout/_section-background-colors.scss */
+.lgray-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 29, ../assets/sass/layout/_section-background-colors.scss */
+/* line 36, ../assets/sass/layout/_section-background-colors.scss */
 .lgray-bg .panel {
   background-color: transparent;
 }
-/* line 33, ../assets/sass/layout/_section-background-colors.scss */
+/* line 40, ../assets/sass/layout/_section-background-colors.scss */
 .lgray-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 37, ../assets/sass/layout/_section-background-colors.scss */
+/* line 44, ../assets/sass/layout/_section-background-colors.scss */
 .lgray-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 42, ../assets/sass/layout/_section-background-colors.scss */
+/* line 50, ../assets/sass/layout/_section-background-colors.scss */
+.lgray-bg:before {
+  content: "";
+  background-color: #f5f5f5;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 60, ../assets/sass/layout/_section-background-colors.scss */
 .lblue-bg {
   background-color: #e9eff7;
   color: #000000;
-  padding: 16px;
+  position: relative;
 }
-/* line 47, ../assets/sass/layout/_section-background-colors.scss */
+/* line 65, ../assets/sass/layout/_section-background-colors.scss */
+.lblue-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 69, ../assets/sass/layout/_section-background-colors.scss */
 .lblue-bg .panel {
   background-color: transparent;
 }
-/* line 51, ../assets/sass/layout/_section-background-colors.scss */
+/* line 73, ../assets/sass/layout/_section-background-colors.scss */
 .lblue-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 55, ../assets/sass/layout/_section-background-colors.scss */
+/* line 77, ../assets/sass/layout/_section-background-colors.scss */
 .lblue-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 60, ../assets/sass/layout/_section-background-colors.scss */
+/* line 82, ../assets/sass/layout/_section-background-colors.scss */
+.lblue-bg:before {
+  content: "";
+  background-color: #e9eff7;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 92, ../assets/sass/layout/_section-background-colors.scss */
 .lviolet-bg {
   background-color: #f3e9ef;
   color: #000000;
-  padding: 16px;
+  position: relative;
 }
-/* line 65, ../assets/sass/layout/_section-background-colors.scss */
+/* line 97, ../assets/sass/layout/_section-background-colors.scss */
+.lviolet-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 101, ../assets/sass/layout/_section-background-colors.scss */
 .lviolet-bg .panel {
   background-color: transparent;
 }
-/* line 69, ../assets/sass/layout/_section-background-colors.scss */
+/* line 105, ../assets/sass/layout/_section-background-colors.scss */
 .lviolet-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 73, ../assets/sass/layout/_section-background-colors.scss */
+/* line 109, ../assets/sass/layout/_section-background-colors.scss */
 .lviolet-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 78, ../assets/sass/layout/_section-background-colors.scss */
+/* line 114, ../assets/sass/layout/_section-background-colors.scss */
+.lviolet-bg:before {
+  content: "";
+  background-color: #f3e9ef;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 124, ../assets/sass/layout/_section-background-colors.scss */
 .ltaupe-bg {
   background-color: #f5f5ee;
   color: #000000;
-  padding: 16px;
+  position: relative;
+}
+/* line 129, ../assets/sass/layout/_section-background-colors.scss */
+.ltaupe-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 83, ../assets/sass/layout/_section-background-colors.scss */
+/* line 133, ../assets/sass/layout/_section-background-colors.scss */
 .ltaupe-bg .panel {
   background-color: transparent;
 }
-/* line 87, ../assets/sass/layout/_section-background-colors.scss */
+/* line 137, ../assets/sass/layout/_section-background-colors.scss */
 .ltaupe-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 91, ../assets/sass/layout/_section-background-colors.scss */
+/* line 141, ../assets/sass/layout/_section-background-colors.scss */
 .ltaupe-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 96, ../assets/sass/layout/_section-background-colors.scss */
+/* line 146, ../assets/sass/layout/_section-background-colors.scss */
+.ltaupe-bg:before {
+  content: "";
+  background-color: #f5f5ee;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 156, ../assets/sass/layout/_section-background-colors.scss */
 .lturquoise-bg {
   background-color: #f1f8f7;
   color: #000000;
-  padding: 16px;
+  position: relative;
 }
-/* line 101, ../assets/sass/layout/_section-background-colors.scss */
+/* line 161, ../assets/sass/layout/_section-background-colors.scss */
+.lturquoise-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 165, ../assets/sass/layout/_section-background-colors.scss */
 .lturquoise-bg .panel {
   background-color: transparent;
 }
-/* line 105, ../assets/sass/layout/_section-background-colors.scss */
+/* line 169, ../assets/sass/layout/_section-background-colors.scss */
 .lturquoise-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 109, ../assets/sass/layout/_section-background-colors.scss */
+/* line 173, ../assets/sass/layout/_section-background-colors.scss */
 .lturquoise-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 114, ../assets/sass/layout/_section-background-colors.scss */
+/* line 178, ../assets/sass/layout/_section-background-colors.scss */
+.lturquoise-bg:before {
+  content: "";
+  background-color: #f1f8f7;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 188, ../assets/sass/layout/_section-background-colors.scss */
 .lteal-bg {
   background-color: #eaf0f1;
   color: #000000;
-  padding: 16px;
+  position: relative;
+}
+/* line 193, ../assets/sass/layout/_section-background-colors.scss */
+.lteal-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 119, ../assets/sass/layout/_section-background-colors.scss */
+/* line 197, ../assets/sass/layout/_section-background-colors.scss */
 .lteal-bg .panel {
   background-color: transparent;
 }
-/* line 123, ../assets/sass/layout/_section-background-colors.scss */
+/* line 201, ../assets/sass/layout/_section-background-colors.scss */
 .lteal-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 127, ../assets/sass/layout/_section-background-colors.scss */
+/* line 205, ../assets/sass/layout/_section-background-colors.scss */
 .lteal-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 132, ../assets/sass/layout/_section-background-colors.scss */
+/* line 210, ../assets/sass/layout/_section-background-colors.scss */
+.lteal-bg:before {
+  content: "";
+  background-color: #eaf0f1;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 220, ../assets/sass/layout/_section-background-colors.scss */
 .lyellow-bg {
   background-color: #f6f9da;
   color: #000000;
-  padding: 16px;
+  position: relative;
 }
-/* line 137, ../assets/sass/layout/_section-background-colors.scss */
+/* line 225, ../assets/sass/layout/_section-background-colors.scss */
+.lyellow-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 229, ../assets/sass/layout/_section-background-colors.scss */
 .lyellow-bg .panel {
   background-color: transparent;
 }
-/* line 141, ../assets/sass/layout/_section-background-colors.scss */
+/* line 233, ../assets/sass/layout/_section-background-colors.scss */
 .lyellow-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 145, ../assets/sass/layout/_section-background-colors.scss */
+/* line 237, ../assets/sass/layout/_section-background-colors.scss */
 .lyellow-bg .field--name-field-callout-link a:hover {
   color: #000000;
 }
 
-/* line 155, ../assets/sass/layout/_section-background-colors.scss */
+/* line 242, ../assets/sass/layout/_section-background-colors.scss */
+.lyellow-bg:before {
+  content: "";
+  background-color: #f6f9da;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 257, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg {
   background-color: #4A4A4A;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
 }
-/* line 160, ../assets/sass/layout/_section-background-colors.scss */
+/* line 262, ../assets/sass/layout/_section-background-colors.scss */
+.dgray-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 266, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg p {
   color: #ffffff;
 }
-/* line 164, ../assets/sass/layout/_section-background-colors.scss */
+/* line 270, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 169, ../assets/sass/layout/_section-background-colors.scss */
+/* line 275, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg h1, .dgray-bg h2, .dgray-bg h3, .dgray-bg h4, .dgray-bg h5, .dgray-bg h6 {
   color: #ffffff;
 }
-/* line 173, ../assets/sass/layout/_section-background-colors.scss */
+/* line 279, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .tab-header {
   color: #ffffff;
 }
-/* line 177, ../assets/sass/layout/_section-background-colors.scss */
+/* line 283, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .accordion-header {
   color: #ffffff;
 }
-/* line 181, ../assets/sass/layout/_section-background-colors.scss */
+/* line 287, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .panel {
   background-color: transparent;
 }
-/* line 185, ../assets/sass/layout/_section-background-colors.scss */
+/* line 291, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 190, ../assets/sass/layout/_section-background-colors.scss */
+/* line 296, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 194, ../assets/sass/layout/_section-background-colors.scss */
+/* line 300, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 198, ../assets/sass/layout/_section-background-colors.scss */
+/* line 304, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 201, ../assets/sass/layout/_section-background-colors.scss */
+/* line 307, ../assets/sass/layout/_section-background-colors.scss */
 .dgray-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
-/* line 207, ../assets/sass/layout/_section-background-colors.scss */
+/* line 313, ../assets/sass/layout/_section-background-colors.scss */
+.dgray-bg:before {
+  content: "";
+  background-color: #4A4A4A;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 323, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg {
   background-color: #830000;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
 }
-/* line 212, ../assets/sass/layout/_section-background-colors.scss */
+/* line 328, ../assets/sass/layout/_section-background-colors.scss */
+.dscarlet-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 332, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg p {
   color: #ffffff;
 }
-/* line 216, ../assets/sass/layout/_section-background-colors.scss */
+/* line 336, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 221, ../assets/sass/layout/_section-background-colors.scss */
+/* line 341, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg h1, .dscarlet-bg h2, .dscarlet-bg h3, .dscarlet-bg h4, .dscarlet-bg h5, .dscarlet-bg h6 {
   color: #ffffff;
 }
-/* line 225, ../assets/sass/layout/_section-background-colors.scss */
+/* line 345, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .tab-header {
   color: #ffffff;
 }
-/* line 229, ../assets/sass/layout/_section-background-colors.scss */
+/* line 349, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .accordion-header {
   color: #ffffff;
 }
-/* line 233, ../assets/sass/layout/_section-background-colors.scss */
+/* line 353, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .panel {
   background-color: transparent;
 }
-/* line 237, ../assets/sass/layout/_section-background-colors.scss */
+/* line 357, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 242, ../assets/sass/layout/_section-background-colors.scss */
+/* line 362, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 246, ../assets/sass/layout/_section-background-colors.scss */
+/* line 366, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 250, ../assets/sass/layout/_section-background-colors.scss */
+/* line 370, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 253, ../assets/sass/layout/_section-background-colors.scss */
+/* line 373, ../assets/sass/layout/_section-background-colors.scss */
 .dscarlet-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
-/* line 259, ../assets/sass/layout/_section-background-colors.scss */
+/* line 379, ../assets/sass/layout/_section-background-colors.scss */
+.dscarlet-bg:before {
+  content: "";
+  background-color: #830000;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 389, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg {
   background-color: #5d1542;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
 }
-/* line 264, ../assets/sass/layout/_section-background-colors.scss */
+/* line 394, ../assets/sass/layout/_section-background-colors.scss */
+.dviolet-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
+}
+/* line 398, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg p {
   color: #ffffff;
 }
-/* line 268, ../assets/sass/layout/_section-background-colors.scss */
+/* line 402, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 273, ../assets/sass/layout/_section-background-colors.scss */
+/* line 407, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg h1, .dviolet-bg h2, .dviolet-bg h3, .dviolet-bg h4, .dviolet-bg h5, .dviolet-bg h6 {
   color: #ffffff;
 }
-/* line 277, ../assets/sass/layout/_section-background-colors.scss */
+/* line 411, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .tab-header {
   color: #ffffff;
 }
-/* line 281, ../assets/sass/layout/_section-background-colors.scss */
+/* line 415, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .accordion-header {
   color: #ffffff;
 }
-/* line 285, ../assets/sass/layout/_section-background-colors.scss */
+/* line 419, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .panel {
   background-color: transparent;
 }
-/* line 289, ../assets/sass/layout/_section-background-colors.scss */
+/* line 423, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 294, ../assets/sass/layout/_section-background-colors.scss */
+/* line 428, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 298, ../assets/sass/layout/_section-background-colors.scss */
+/* line 432, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 302, ../assets/sass/layout/_section-background-colors.scss */
+/* line 436, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 305, ../assets/sass/layout/_section-background-colors.scss */
+/* line 439, ../assets/sass/layout/_section-background-colors.scss */
 .dviolet-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
-/* line 311, ../assets/sass/layout/_section-background-colors.scss */
+/* line 445, ../assets/sass/layout/_section-background-colors.scss */
+.dviolet-bg:before {
+  content: "";
+  background-color: #5d1542;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 455, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg {
   background-color: #1b494c;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
+}
+/* line 460, ../assets/sass/layout/_section-background-colors.scss */
+.dteal-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 316, ../assets/sass/layout/_section-background-colors.scss */
+/* line 464, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg p {
   color: #ffffff;
 }
-/* line 320, ../assets/sass/layout/_section-background-colors.scss */
+/* line 468, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 325, ../assets/sass/layout/_section-background-colors.scss */
+/* line 473, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg h1, .dteal-bg h2, .dteal-bg h3, .dteal-bg h4, .dteal-bg h5, .dteal-bg h6 {
   color: #ffffff;
 }
-/* line 329, ../assets/sass/layout/_section-background-colors.scss */
+/* line 477, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .tab-header {
   color: #ffffff;
 }
-/* line 333, ../assets/sass/layout/_section-background-colors.scss */
+/* line 481, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .accordion-header {
   color: #ffffff;
 }
-/* line 337, ../assets/sass/layout/_section-background-colors.scss */
+/* line 485, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .panel {
   background-color: transparent;
 }
-/* line 341, ../assets/sass/layout/_section-background-colors.scss */
+/* line 489, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 346, ../assets/sass/layout/_section-background-colors.scss */
+/* line 494, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 350, ../assets/sass/layout/_section-background-colors.scss */
+/* line 498, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 354, ../assets/sass/layout/_section-background-colors.scss */
+/* line 502, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 357, ../assets/sass/layout/_section-background-colors.scss */
+/* line 505, ../assets/sass/layout/_section-background-colors.scss */
 .dteal-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
-/* line 363, ../assets/sass/layout/_section-background-colors.scss */
+/* line 511, ../assets/sass/layout/_section-background-colors.scss */
+.dteal-bg:before {
+  content: "";
+  background-color: #1b494c;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 521, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg {
   background-color: #442369;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
+}
+/* line 526, ../assets/sass/layout/_section-background-colors.scss */
+.dpurple-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 368, ../assets/sass/layout/_section-background-colors.scss */
+/* line 530, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg p {
   color: #ffffff;
 }
-/* line 372, ../assets/sass/layout/_section-background-colors.scss */
+/* line 534, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 377, ../assets/sass/layout/_section-background-colors.scss */
+/* line 539, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg h1, .dpurple-bg h2, .dpurple-bg h3, .dpurple-bg h4, .dpurple-bg h5, .dpurple-bg h6 {
   color: #ffffff;
 }
-/* line 381, ../assets/sass/layout/_section-background-colors.scss */
+/* line 543, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .tab-header {
   color: #ffffff;
 }
-/* line 385, ../assets/sass/layout/_section-background-colors.scss */
+/* line 547, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .accordion-header {
   color: #ffffff;
 }
-/* line 389, ../assets/sass/layout/_section-background-colors.scss */
+/* line 551, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .panel {
   background-color: transparent;
 }
-/* line 393, ../assets/sass/layout/_section-background-colors.scss */
+/* line 555, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 398, ../assets/sass/layout/_section-background-colors.scss */
+/* line 560, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 402, ../assets/sass/layout/_section-background-colors.scss */
+/* line 564, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 406, ../assets/sass/layout/_section-background-colors.scss */
+/* line 568, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 409, ../assets/sass/layout/_section-background-colors.scss */
+/* line 571, ../assets/sass/layout/_section-background-colors.scss */
 .dpurple-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
-/* line 415, ../assets/sass/layout/_section-background-colors.scss */
+/* line 577, ../assets/sass/layout/_section-background-colors.scss */
+.dpurple-bg:before {
+  content: "";
+  background-color: #442369;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 587, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg {
   background-color: #565b22;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
+}
+/* line 592, ../assets/sass/layout/_section-background-colors.scss */
+.dgreen-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 420, ../assets/sass/layout/_section-background-colors.scss */
+/* line 596, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg p {
   color: #ffffff;
 }
-/* line 424, ../assets/sass/layout/_section-background-colors.scss */
+/* line 600, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 429, ../assets/sass/layout/_section-background-colors.scss */
+/* line 605, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg h1, .dgreen-bg h2, .dgreen-bg h3, .dgreen-bg h4, .dgreen-bg h5, .dgreen-bg h6 {
   color: #ffffff;
 }
-/* line 433, ../assets/sass/layout/_section-background-colors.scss */
+/* line 609, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .tab-header {
   color: #ffffff;
 }
-/* line 437, ../assets/sass/layout/_section-background-colors.scss */
+/* line 613, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .accordion-header {
   color: #ffffff;
 }
-/* line 441, ../assets/sass/layout/_section-background-colors.scss */
+/* line 617, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .panel {
   background-color: transparent;
 }
-/* line 445, ../assets/sass/layout/_section-background-colors.scss */
+/* line 621, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 450, ../assets/sass/layout/_section-background-colors.scss */
+/* line 626, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 454, ../assets/sass/layout/_section-background-colors.scss */
+/* line 630, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 458, ../assets/sass/layout/_section-background-colors.scss */
+/* line 634, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 461, ../assets/sass/layout/_section-background-colors.scss */
+/* line 637, ../assets/sass/layout/_section-background-colors.scss */
 .dgreen-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
-/* line 467, ../assets/sass/layout/_section-background-colors.scss */
+/* line 643, ../assets/sass/layout/_section-background-colors.scss */
+.dgreen-bg:before {
+  content: "";
+  background-color: #565b22;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
+/* line 653, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg {
   background-color: #953d1c;
   color: #ffffff;
-  padding: 16px;
+  position: relative;
+}
+/* line 658, ../assets/sass/layout/_section-background-colors.scss */
+.dorange-bg .field--type-text-long {
+  padding: 16px 16px 16px 0;
 }
-/* line 472, ../assets/sass/layout/_section-background-colors.scss */
+/* line 662, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg p {
   color: #ffffff;
 }
-/* line 476, ../assets/sass/layout/_section-background-colors.scss */
+/* line 666, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg a {
   color: #ffffff;
   text-decoration: underline;
 }
-/* line 481, ../assets/sass/layout/_section-background-colors.scss */
+/* line 671, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg h1, .dorange-bg h2, .dorange-bg h3, .dorange-bg h4, .dorange-bg h5, .dorange-bg h6 {
   color: #ffffff;
 }
-/* line 485, ../assets/sass/layout/_section-background-colors.scss */
+/* line 675, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .tab-header {
   color: #ffffff;
 }
-/* line 489, ../assets/sass/layout/_section-background-colors.scss */
+/* line 679, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .accordion-header {
   color: #ffffff;
 }
-/* line 493, ../assets/sass/layout/_section-background-colors.scss */
+/* line 683, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .panel {
   background-color: transparent;
 }
-/* line 497, ../assets/sass/layout/_section-background-colors.scss */
+/* line 687, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .field--name-field-pull-quote {
   border-top-color: #ffffff;
   border-bottom-color: #ffffff;
 }
-/* line 502, ../assets/sass/layout/_section-background-colors.scss */
+/* line 692, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .paragraph--type--tabs a:hover {
   color: #555555;
 }
-/* line 506, ../assets/sass/layout/_section-background-colors.scss */
+/* line 696, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .field--name-field-callout-link a:hover {
   color: #ffffff;
 }
-/* line 510, ../assets/sass/layout/_section-background-colors.scss */
+/* line 700, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .btn-fullw {
   border: solid #ffffff 2px;
 }
-/* line 513, ../assets/sass/layout/_section-background-colors.scss */
+/* line 703, ../assets/sass/layout/_section-background-colors.scss */
 .dorange-bg .btn-fullw:hover {
   border: solid #4A4A4A 2px;
 }
 
+/* line 709, ../assets/sass/layout/_section-background-colors.scss */
+.dorange-bg:before {
+  content: "";
+  background-color: #953d1c;
+  position: absolute;
+  height: 100%;
+  width: 100px;
+  left: -20px;
+  z-index: -1;
+}
+
 /* line 11, ../assets/sass/components/_academic-programs.scss */
 .view-academic-programs .btn-programs {
   padding: 0;