added delayed response notice to foundation donor help page

donate/templates/pages/core/contributor_support_page.html

@@ -1,3 +1,21 @@
 {% extends "pages/core/contributor_support_page_master.html" %}
 
-{# There are no overrides in this template, but alternative apps can template-overide this file (e.g. thunderbird) #}
+{% load i18n %}
+
+
+{% block delayed_response_notice %}
+    <div class="delayed-response-notice">
+        <p>
+            <b>
+            {% blocktrans trimmed %}
+                Our team is experiencing a backlog in donor inquiries. Please expect a delay of up to 5 business days to respond to your inquiry. 
+            {% endblocktrans %}
+            </b>
+        </p>
+        <p>
+            {% blocktrans trimmed %}
+                If you are a current donor, you can use the self-service option to log into your donor portal. You can see receipts and make changes to your monthly gift. To access your log in page, refer to your link in a recent donation email.
+            {% endblocktrans %}
+        </p>
+    </div>
+{% endblock %}

donate/templates/pages/core/contributor_support_page_master.html

@@ -62,6 +62,9 @@ <h1 class="heading heading--primary">
             {% else %}
                 <form action="https://webto.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8" method="POST">
 
+                    {% block delayed_response_notice %}
+                    {% endblock %}
+
                     {% block donate_support_text %}
                         <p class="rich-text">
                             {% blocktrans trimmed %}

source/sass/components/_support-form.scss

@@ -6,6 +6,16 @@
     @include font-size(l);
   }
 
+  .delayed-response-notice {
+    background-color: $color--light-red;
+    padding: 1em 1.5em 0.5em;
+    margin-bottom: 2em;
+
+    p {
+      @include font-size(m);
+    }
+  }
+
   .privacy-notice {
     margin-bottom: 1em;
   }