Styling addition for donate thank you page.

Styling for donate-thank-you that is moved to the project
repo.

Issue #48276

assets/scss/_donate.scss

@@ -21,6 +21,20 @@
   }
 }
 
+.header-description {
+  margin-bottom: 30px;
+  p {
+    color: $white;
+  }
+  .content-center {
+    margin: 0 auto;
+  }
+  .share-icons img {
+    margin: 20px 10px 0;
+    width: 50px;
+  }
+}
+
 .donate-form {
   box-sizing: border-box;
   .bold {
@@ -668,3 +682,23 @@
     color: $black;
   }
 }
+
+.donate-page {
+  padding: 40px 20px;
+  width: 95%;
+  margin: 0 auto;
+  @include media-breakpoint-up(lg) {
+    max-width: 940px
+  }
+  .thank-you {
+    text-align: center;
+    hr {
+      border-top: 1px solid $green;
+      max-width: 106px;
+      margin: 40px auto;
+    }
+    .btn {
+      text-transform: uppercase;
+    }
+  }
+}

assets/static/css/bootstrap.css

@@ -8169,6 +8169,16 @@ a.side-nav.active {
       margin: 0 auto;
       height: auto; } }
 
+.header-description {
+  margin-bottom: 30px; }
+  .header-description p {
+    color: #FFFFFF; }
+  .header-description .content-center {
+    margin: 0 auto; }
+  .header-description .share-icons img {
+    margin: 20px 10px 0;
+    width: 50px; }
+
 .donate-form {
   box-sizing: border-box; }
   .donate-form .bold {
@@ -8723,4 +8733,20 @@ a.side-nav.active {
     font-family: monospace;
     color: #000; }
 
+.donate-page {
+  padding: 40px 20px;
+  width: 95%;
+  margin: 0 auto; }
+  @media (min-width: 992px) {
+    .donate-page {
+      max-width: 940px; } }
+  .donate-page .thank-you {
+    text-align: center; }
+    .donate-page .thank-you hr {
+      border-top: 1px solid #68B030;
+      max-width: 106px;
+      margin: 40px auto; }
+    .donate-page .thank-you .btn {
+      text-transform: uppercase; }
+
 /*# sourceMappingURL=bootstrap.css.map */

templates/header.html

@@ -25,6 +25,15 @@
           <div class="row pb-5">
             <h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h2>
           </div>
+          {% if this.header_description_alignment == 'center' %}
+          <div class="row text-center header-description">
+          {% elif this.header_description_alignment == 'right' %}
+          <div class="row text-right header-description">
+          {% else %}
+          <div class="row header-description">
+          {% endif %}
+            {{ this.header_description }}
+          </div>
         </div>
         {% endif %}
       </div>