diff --git a/themes/openy_themes/openy_carnation/templates/node/program/node--program--full.html.twig b/themes/openy_themes/openy_carnation/templates/node/program/node--program--full.html.twig
index 232822e2fb..1bc8c3766b 100644
--- a/themes/openy_themes/openy_carnation/templates/node/program/node--program--full.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/node/program/node--program--full.html.twig
@@ -122,31 +122,18 @@
 
 {% set hasSidebar = content.field_sidebar_content and content.field_sidebar_content|render|striptags|trim %}
 
-<div class="container">
-
+<div>
   {% if content.field_program_description|render|trim is not empty %}
-  <div class="row">
-    <div class="main-region col">
-      <p class="lead">{{ content.field_program_description }}</p>
+    <div class="container">
+      <div class="row">
+        <div class="main-region col">
+          <p class="lead">{{ content.field_program_description }}</p>
+        </div>
+      </div>
     </div>
-  </div>
  {% endif %}
 
-  <div class="row mt-3">
-
-    {# Program content #}
-    <div class="main-region col">
-      {{ content.field_content }}
-    </div>
-
-    {# Program sidebar #}
-    {% if hasSidebar %}
-    <div class="sidebar-region col-md-5 col-lg-4">
-      <article class="program-sidebar">
-        {{ content.field_sidebar_content }}
-      </article>
-    </div>
-    {% endif %}
-
+  <div class="main-region">
+    {{ content.field_content }}
   </div>
 </div>
diff --git a/themes/openy_themes/openy_carnation/templates/node/program/node--program-subcategory--full.html.twig b/themes/openy_themes/openy_carnation/templates/node/program/node--program-subcategory--full.html.twig
index f4ffaee7f4..111057b89d 100644
--- a/themes/openy_themes/openy_carnation/templates/node/program/node--program-subcategory--full.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/node/program/node--program-subcategory--full.html.twig
@@ -102,28 +102,12 @@
   </div>
 {% endif %}
 
-{# Filters #}
-{% set hasSidebar = content.field_sidebar_content and content.field_sidebar_content|render|striptags|trim %}
-
-<div class="container">
-  <div class="row">
-
    {# Category content #}
-    <div class="main-region col">
-      {{ content.field_category_description }}
-      {{ content.field_content }}
-    </div>
-
-    {# Category sidebar #}
-    {% if hasSidebar %}
-    <div class="sidebar-region col-md-5 col-lg-4">
-      <article class="program-sidebar program-sidebar-sub-category">
-        {{ content.field_sidebar_content }}
-      </article>
-    </div>
-    {% endif %}
-
+<div class="main-region">
+  <div class="container">
+    {{ content.field_category_description }}
   </div>
+  {{ content.field_content }}
 </div>
 
 {{ content.field_bottom_content }}
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--1c.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--1c.html.twig
index 027e5c0c59..2bd0ac164b 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--1c.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--1c.html.twig
@@ -40,7 +40,7 @@
   set classes = [
     'paragraph',
     'paragraph-1c-wrapper',
-    'row',
+    'container',
   ]
 %}
 
@@ -49,5 +49,7 @@
 {% endif %}
 
 <div{{ attributes.addClass(classes) }}>
-  {{ content }}
+  <div class="row">
+    {{ content }}
+  </div>
 </div>
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--2c.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--2c.html.twig
index 0cf3808268..d1475cc3c0 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--2c.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--2c.html.twig
@@ -41,7 +41,7 @@
     'paragraph',
     'block-description--wrapper',
     'block-description--2',
-    'row'
+    'container'
   ]
 %}
 
@@ -50,5 +50,7 @@
 {% endif %}
 
 <div{{ attributes.addClass(classes) }}>
-  {{ content }}
+  <div class="row">
+    {{ content }}
+  </div>
 </div>
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--3c.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--3c.html.twig
index 26c5388bd0..3f6f0d871e 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--3c.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--3c.html.twig
@@ -41,7 +41,7 @@
     'paragraph',
     'block-description--wrapper',
     'block-description--3',
-    'row',
+    'container',
   ]
 %}
 
@@ -50,5 +50,7 @@
 {% endif %}
 
 <div{{ attributes.addClass(classes) }}>
-  {{ content }}
+  <div class="row">
+    {{ content }}
+  </div>
 </div>
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--4c.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--4c.html.twig
index e4cd97481f..246e58b074 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--4c.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--4c.html.twig
@@ -41,7 +41,6 @@
     'paragraph',
     'block-description--wrapper',
     'block-description--4',
-    'row'
   ]
 %}
 
@@ -49,6 +48,8 @@
   {% set classes = classes|merge(['block-description--wrapper--outline--top']) %}
 {% endif %}
 
-<div{{ attributes.addClass(classes) }}>
-  {{ content }}
+<div class="container">
+  <div{{ attributes.addClass(classes) }}>
+    {{ content }}
+  </div>
 </div>
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--code.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--code.html.twig
new file mode 100644
index 0000000000..19101277ee
--- /dev/null
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--code.html.twig
@@ -0,0 +1,57 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ *   - paragraph.id(): The paragraph ID.
+ *   - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ *   - paragraph.getOwnerId(): The user ID of the paragraph author.
+ *   See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ *   and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - paragraphs: The current template type (also known as a "theming hook").
+ *   - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ *     "Image" it would result in "paragraphs--type--image". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ *     preview would result in: "paragraphs--view-mode--preview", and
+ *     default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'paragraph',
+    'paragraph--type--' ~ paragraph.bundle|clean_class,
+    view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+    not paragraph.isPublished() ? 'paragraph--unpublished'
+  ]
+%}
+{% block paragraph %}
+  <div class="container">
+    <div{{ attributes.addClass(classes) }}>
+      {% block content %}
+        {{ content }}
+      {% endblock %}
+    </div>
+  </div>
+{% endblock paragraph %}
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--event-posts-listing.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--event-posts-listing.html.twig
new file mode 100644
index 0000000000..bb680d927b
--- /dev/null
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--event-posts-listing.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ *   - paragraph.id(): The paragraph ID.
+ *   - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ *   - paragraph.getOwnerId(): The user ID of the paragraph author.
+ *   See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ *   and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - paragraphs: The current template type (also known as a "theming hook").
+ *   - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ *     "Image" it would result in "paragraphs--type--image". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ *     preview would result in: "paragraphs--view-mode--preview", and
+ *     default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'container',
+    'paragraph',
+    'paragraph--type--' ~ paragraph.bundle|clean_class,
+    view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+    not paragraph.isPublished() ? 'paragraph--unpublished'
+  ]
+%}
+{% block paragraph %}
+  <div{{ attributes.addClass(classes) }}>
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+{% endblock paragraph %}
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--faq.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--faq.html.twig
new file mode 100644
index 0000000000..26a1504176
--- /dev/null
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--faq.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ *   - paragraph.id(): The paragraph ID.
+ *   - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ *   - paragraph.getOwnerId(): The user ID of the paragraph author.
+ *   See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ *   and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - paragraphs: The current template type (also known as a "theming hook").
+ *   - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ *     "Image" it would result in "paragraphs--type--image". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ *     preview would result in: "paragraphs--view-mode--preview", and
+ *     default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'paragraph',
+    'paragraph--type--' ~ paragraph.bundle|clean_class,
+    view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+    not paragraph.isPublished() ? 'paragraph--unpublished',
+    'container'
+  ]
+%}
+{% block paragraph %}
+  <div{{ attributes.addClass(classes) }}>
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+{% endblock paragraph %}
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-content--default.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-content--default.html.twig
index 0c4404f7f9..5519d12bd7 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-content--default.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-content--default.html.twig
@@ -42,9 +42,20 @@ set classes = [
   'featured-content',
   'paragraph--type--' ~ paragraph.bundle|clean_class,
   view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+  'container',
   'my-5'
 ]
 %}
+{% set item_class = 'col-lg' %}
+
+{% if content.field_prgf_grid_style.0['#markup'] == '2' %}
+  {% set item_class = 'col-lg-6' %}
+{% elseif content.field_prgf_grid_style.0['#markup'] == '3' %}
+  {% set item_class = 'col-lg-4' %}
+{% elseif content.field_prgf_grid_style.0['#markup'] == '4' %}
+  {% set item_class = 'col-lg-3' %}
+{% endif %}
+
 <div{{ attributes.addClass(classes) }}>
 
   <h2 class="mb-3 text-center">
@@ -55,20 +66,18 @@ set classes = [
     {{ content.field_prgf_description }}
   </div>
 
-  {#
-    For printing the columns we need access to the grid style which we don't
-    have after this was converted from a field collection.
-  #}
   {{ attach_library('openy_rose/featured_slider') }}
   <div class="{{ 'wrapper-' ~ content.field_prgf_fc_clm_description['#field_name']|clean_class}}">
-    <div class="card-deck pt-3">
+    <div class="row pt-3">
     {% for key, item in content.field_prgf_fc_clm_description %}
       {% if key matches '/^\\d+$/' %}
-      <div class="card">
-        <div class="card-body">
-          {{ item }}
+        <div class="row-eq-height col-12 col-sm-12 col-md-6 {{ item_class }} mb-4">
+          <div class="card">
+            <div class="card-body">
+              {{ item }}
+            </div>
+          </div>
         </div>
-      </div>
       {% endif %}
     {% endfor %}
     </div>
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-highlights--default.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-highlights--default.html.twig
index 519e04ac44..eb39375066 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-highlights--default.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--featured-highlights--default.html.twig
@@ -1,2 +1,10 @@
 {% extends '@openy_prgf_featured_highlights/paragraph--featured-highlights--default.html.twig' %}
-{% set classes = ['mb-4'] %}
+{% set classes = [
+    'container',
+    'mb-4',
+    'paragraph',
+    'featured-highlights',
+    'paragraph--type--' ~ paragraph.bundle|clean_class,
+    view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+]|merge(classes|default([]))
+%}
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--simple-content.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--simple-content.html.twig
new file mode 100644
index 0000000000..26a1504176
--- /dev/null
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--simple-content.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a paragraph.
+ *
+ * Available variables:
+ * - paragraph: Full paragraph entity.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - paragraph.getCreatedTime() will return the paragraph creation timestamp.
+ *   - paragraph.id(): The paragraph ID.
+ *   - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
+ *   - paragraph.getOwnerId(): The user ID of the paragraph author.
+ *   See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
+ *   and methods for the paragraph object.
+ * - content: All paragraph items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - paragraphs: The current template type (also known as a "theming hook").
+ *   - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
+ *     "Image" it would result in "paragraphs--type--image". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
+ *     preview would result in: "paragraphs--view-mode--preview", and
+ *     default: "paragraphs--view-mode--default".
+ * - view_mode: View mode; for example, "preview" or "full".
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_paragraph()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'paragraph',
+    'paragraph--type--' ~ paragraph.bundle|clean_class,
+    view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
+    not paragraph.isPublished() ? 'paragraph--unpublished',
+    'container'
+  ]
+%}
+{% block paragraph %}
+  <div{{ attributes.addClass(classes) }}>
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+{% endblock paragraph %}
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--teaser--default.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--teaser--default.html.twig
index 201f3020e4..8dd2eb665a 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--teaser--default.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--teaser--default.html.twig
@@ -40,19 +40,21 @@
 set classes = [
   'subprogram-listing-item',
   'clearfix',
-  'row',
+  'container',
   'mb-5',
 ]
 %}
 <article{{ attributes.addClass(classes) }}>
-  <div class="col-md-5 image">
-    <a href="{{ content.field_prgf_link.0['#url'] }}">{{ content.field_prgf_image }}</a>
-  </div>
-  <div class="col-md-7 content">
-    <h2>{{ content.field_prgf_title }}</h2>
-    {{ content.field_prgf_description }}
-    {% if content.field_prgf_link|render|trim is not empty %}
-      <a href="{{ content.field_prgf_link.0['#url'] }}" class="btn btn-outline-primary d-block d-lg-inline-block" aria-label="{{ 'Learn more about'|t }} {{ paragraph.field_prgf_title.value }}" title="{{ content.field_prgf_link.0['#title'] }}">{{ content.field_prgf_link.0['#title'] }}</a>
-    {% endif %}
+  <div class="row">
+    <div class="col-md-5 image">
+      <a href="{{ content.field_prgf_link.0['#url'] }}">{{ content.field_prgf_image }}</a>
+    </div>
+    <div class="col-md-7 content">
+      {{ content.field_prgf_title }}
+      {{ content.field_prgf_description }}
+      {% if content.field_prgf_link|render|trim is not empty %}
+        <a href="{{ content.field_prgf_link.0['#url'] }}" class="btn btn-outline-primary d-block d-lg-inline-block" aria-label="{{ 'Learn more about'|t }} {{ paragraph.field_prgf_title.value }}" title="{{ content.field_prgf_link.0['#title'] }}">{{ content.field_prgf_link.0['#title'] }}</a>
+      {% endif %}
+    </div>
   </div>
 </article>
diff --git a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--webform--default.html.twig b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--webform--default.html.twig
index 1b0e32a9f3..ea370ee834 100644
--- a/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--webform--default.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/paragraph/paragraph--webform--default.html.twig
@@ -42,9 +42,10 @@ set classes = [
   'webform',
   'container',
   'clearfix',
-  'row',
 ]
 %}
 <article{{ attributes.addClass(classes) }}>
-  {{ content }}
+  <div class="row">
+    {{ content }}
+  </div>
 </article>
diff --git a/themes/openy_themes/openy_carnation/templates/views/views-view-unformatted--listing-news-posts--block.html.twig b/themes/openy_themes/openy_carnation/templates/views/views-view-unformatted--listing-news-posts--block.html.twig
index b2c926104d..ec418e9620 100644
--- a/themes/openy_themes/openy_carnation/templates/views/views-view-unformatted--listing-news-posts--block.html.twig
+++ b/themes/openy_themes/openy_carnation/templates/views/views-view-unformatted--listing-news-posts--block.html.twig
@@ -20,12 +20,12 @@
 {% if title %}
   <h3>{{ title }}</h3>
 {% endif %}
-
-<div class="news-more-teaser-results-wrapper row clearfix">
-{% for row in rows %}
-  <div class="news-teaser--row col-12">
-    {{ row.content }}
+<div class="container">
+  <div class="news-more-teaser-results-wrapper row clearfix">
+    {% for row in rows %}
+      <div class="news-teaser--row col-12">
+        {{ row.content }}
+      </div>
+    {% endfor %}
   </div>
-{% endfor %}
 </div>
- 
\ No newline at end of file