From 558b30a4f6e5937dc5895b6d7dab7b9eb8a7c5b5 Mon Sep 17 00:00:00 2001
From: Rob Drew <rdrew@upei.ca>
Date: Thu, 27 Sep 2018 11:26:43 -0300
Subject: [PATCH] templates

---
 ...eld--node--body--journal-article.html.twig |   1 +
 ...--field-journal-article-abstract.html.twig |   1 +
 .../node--journal-article.html.twig           |  13 +-
 .../block--lmmi-journal-page-title.html.twig  |  56 ++
 templates/field--node--title.html.twig.xxx    |  32 +
 templates/page-title.html.twig                |  16 +
 templates/page.html.twig                      | 781 ++++++++++++++++++
 7 files changed, 899 insertions(+), 1 deletion(-)
 create mode 100644 templates/article_pages/field--node--body--journal-article.html.twig
 create mode 100644 templates/article_pages/field--node--field-journal-article-abstract.html.twig
 rename templates/{ => article_pages}/node--journal-article.html.twig (93%)
 create mode 100644 templates/block--lmmi-journal-page-title.html.twig
 create mode 100644 templates/field--node--title.html.twig.xxx
 create mode 100644 templates/page-title.html.twig
 create mode 100644 templates/page.html.twig

diff --git a/templates/article_pages/field--node--body--journal-article.html.twig b/templates/article_pages/field--node--body--journal-article.html.twig
new file mode 100644
index 0000000..07ce721
--- /dev/null
+++ b/templates/article_pages/field--node--body--journal-article.html.twig
@@ -0,0 +1 @@
+{% extends "field--text.html.twig" %}
diff --git a/templates/article_pages/field--node--field-journal-article-abstract.html.twig b/templates/article_pages/field--node--field-journal-article-abstract.html.twig
new file mode 100644
index 0000000..07ce721
--- /dev/null
+++ b/templates/article_pages/field--node--field-journal-article-abstract.html.twig
@@ -0,0 +1 @@
+{% extends "field--text.html.twig" %}
diff --git a/templates/node--journal-article.html.twig b/templates/article_pages/node--journal-article.html.twig
similarity index 93%
rename from templates/node--journal-article.html.twig
rename to templates/article_pages/node--journal-article.html.twig
index cc114df..fd31912 100644
--- a/templates/node--journal-article.html.twig
+++ b/templates/article_pages/node--journal-article.html.twig
@@ -89,7 +89,7 @@
     <div{{ content_attributes.addClass('node__main-content', 'clearfix') }}>
       {% block header_top %}
       {% endblock %}
-      <header class="node__header">
+      <header class="article-title-banner node__header">
         {% block title_area %}
           {{ title_prefix }}
           {% if not page %}
@@ -97,6 +97,9 @@
               <a href="{{ url }}" rel="bookmark">{{ label }}</a>
             </h2>
           {% else %}
+            <h2{{ title_attributes.addClass('node__title title') }}>
+              {{ label }}
+            </h2>
             <h2{{ title_attributes.addClass('node__title title sr-only') }}>
               {{ label }}
             </h2>
@@ -119,7 +122,15 @@
             </div>
           {% endif %}
         {% endblock %}
+
+      {{content.field_article_contributors}}
       </header>
+
+      {{content.group_article.group_article_text.field_journal_article_abstract}}
+      <hr>
+      {{content.group_article.group_article_text.body}}
+
+
       {% block content %}
         {{ content }}
       {% endblock %}
diff --git a/templates/block--lmmi-journal-page-title.html.twig b/templates/block--lmmi-journal-page-title.html.twig
new file mode 100644
index 0000000..61faa32
--- /dev/null
+++ b/templates/block--lmmi-journal-page-title.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Magazine+'s theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - module: The module that provided this block plugin.
+ *   - cache: The cache settings.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main content
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+{%
+  set title_classes = [
+    'title'
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes.addClass(title_classes) }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    <div{{ content_attributes.addClass('content') }}>
+      {{ content }}
+    </div>
+  {% endblock %}
+</div>
diff --git a/templates/field--node--title.html.twig.xxx b/templates/field--node--title.html.twig.xxx
new file mode 100644
index 0000000..93d33d9
--- /dev/null
+++ b/templates/field--node--title.html.twig.xxx
@@ -0,0 +1,32 @@
+{#
+/**
+ * @file
+ * Theme override for the node title field.
+ *
+ * This is an override of field.html.twig for the node title field. See that
+ * template for documentation about its details and overrides.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing span element.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see field.html.twig
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+  ]
+%}
+<h1 {{ attributes.addClass(classes) }}>
+    {{ item.content }}
+</h1>
diff --git a/templates/page-title.html.twig b/templates/page-title.html.twig
new file mode 100644
index 0000000..be88714
--- /dev/null
+++ b/templates/page-title.html.twig
@@ -0,0 +1,16 @@
+{% extends "@classy/content/page-title.html.twig" %}
+{#
+/**
+ * @file
+ * Magazine+'s theme implementation for a page title.
+ *
+ * Available variables:
+ * - title_attributes: HTML attributes for the page title element.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title: The page title, for use in the actual content.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ */
+#}
+{% set title_attributes = title_attributes.addClass('title') %}
diff --git a/templates/page.html.twig b/templates/page.html.twig
new file mode 100644
index 0000000..48035a9
--- /dev/null
+++ b/templates/page.html.twig
@@ -0,0 +1,781 @@
+{#
+/**
+ * @file
+ * Magazine+'s theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template normally located in the
+ * core/modules/system directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ * - logo: The url of the logo image, as defined in theme settings.
+ * - site_name: The name of the site. This is empty when displaying the site
+ *   name has been disabled in the theme settings.
+ * - site_slogan: The slogan of the site. This is empty when displaying the site
+ *   slogan has been disabled in theme settings.
+
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.slideout: Items for the Slideout region.
+ * - page.pre_header: Items for the Pre Header region.
+ * - page.header_top_highlighted_first: Items for the Header Top Highlighted First region.
+ * - page.header_top_highlighted_second: Items for the Header Top Highlighted Second region.
+ * - page.header_top_first: Items for the Header Top First region.
+ * - page.header_top_second: Items for the Header Top Second region.
+ * - page.header_first: Items for the Header First region.
+ * - page.header: Items for the Header Second region.
+ * - page.header_third: Items for the Header Third region.
+ * - page.banner: Items for the Banner region.
+ * - page.content_top: Items for the Content Top region.
+ * - page.content_top_highlighted: Items for the Content Top Highlighted region.
+ * - page.content: Items for the Content region.
+ * - page.sidebar_first: Items for the First Sidebar region.
+ * - page.sidebar_second: Items for the Second Sidebar region.
+ * - page.content_bottom_first: Items for the Content Bottom First region.
+ * - page.content_bottom_second: Items for the Content Bottom Second region.
+ * - page.featured_top: Items for the Featured Top region.
+ * - page.featured: Items for the Featured region.
+ * - page.featured_bottom: Items for the Featured Bottom region.
+ * - page.sub_featured: Items for the Sub Featured region.
+ * - page.breadcrumb: Items for the Breadcrumb region.
+ * - page.highlighted: Items for the Highlighted region.
+ * - page.pre_content_first: Items for the Pre Content First region.
+ * - page.pre_content_second: Items for the Pre Content Second region.
+ * - page.footer_top_first: Items for the Footer Top First region.
+ * - page.footer_top_second: Items for the Footer Top Second region.
+ * - page.footer_first: Items for the Footer First region.
+ * - page.footer_second: Items for the Footer Second region.
+ * - page.footer_third: Items for the Footer Third region.
+ * - page.footer_fourth: Items for the Footer Fourth region.
+ * - page.footer_fifth: Items for the Footer Fifth region.
+ * - page.footer_bottom_first: Items for the Footer Bottom First region.
+ * - page.footer_bottom_second: Items for the Footer Bottom Second region.
+ * - page.sub_footer_first: Items for the Subfooter First region.
+ * - page.footer: Items for the Subfooter Second region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+{% if page.slideout %}
+  {# slideout #}
+  <div class="clearfix slideout {{ slideout_background_color }}{{ (slideout_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (slideout_region_paddings) ? ' region--no-paddings' : '' }}">
+    {# slideout__container #}
+    <div class="clearfix slideout__container">
+      <div class="slideout__section">
+        {{ page.slideout }}
+      </div>
+    </div>
+    {# EOF:slideout__container #}
+  </div>
+  {# EOF: slideout #}
+
+  {# EOF: slideout-toggle #}
+  <button class="slideout-toggle slideout-toggle--fixed"><i class="fa fa-align-justify"></i></button>
+  {# EOF: slideout-toggle #}
+{% endif %}
+
+{# page-container #}
+<div class="page-container">
+
+  {% if page.pre_header %}
+    {# pre-header #}
+    <div class="clearfix pre-header {{ pre_header_background_color }} {{ pre_header_separator }}{{ (pre_header_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (pre_header_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ pre_header_layout_container }}">
+        {# pre-header__container #}
+        <div class="clearfix pre-header__container">
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix pre-header__section">
+                {{ page.pre_header }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:pre-header__container #}
+      </div>
+    </div>
+    {# EOF: pre-header #}
+  {% endif %}
+
+  {% if page.header_top_first or page.header_top_second or page.header_first or page.header or page.header_third or page.header_top_highlighted_first or page.header_top_highlighted_second %}
+    {# header-container #}
+    <div class="header-container">
+
+      {% if page.header_top_highlighted_first or page.header_top_highlighted_second %}
+        {# header_top_highlighted #}
+        <div class="clearfix header-top-highlighted {{ header_top_highlighted_background_color }}{{ (header_top_highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_top_highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
+          <div class="{{ header_top_highlighted_layout_container }}">
+            {# header_top_highlighted__container #}
+            <div class="clearfix header-top-highlighted__container{{ (header_top_highlighted_animations == "enabled") ? ' fade' : '' }}"
+              {% if header_top_highlighted_animations == "enabled" %}
+                data-animate-effect="{{ header_top_highlighted_animation_effect }}"
+              {% endif %}>
+              <div class="row">
+                {% if page.header_top_highlighted_first %}
+                  <div class="{{ header_top_highlighted_first_grid_class }}">
+                    {# header-top-highlighted-first #}
+                    <div class="clearfix header-top-highlighted__section header-top-highlighted-first">
+                      {{ page.header_top_highlighted_first }}
+                    </div>
+                    {# EOF:header-top-highlighted-first #}
+                  </div>
+                {% endif %}
+                {% if page.header_top_highlighted_second %}
+                  <div class="{{ header_top_highlighted_second_grid_class }}">
+                    {# header-top-highlighted-second #}
+                    <div class="clearfix header-top-highlighted__section header-top-highlighted-second">
+                      {{ page.header_top_highlighted_second }}
+                    </div>
+                    {# EOF:header-top-highlighted-second #}
+                  </div>
+                {% endif %}
+              </div>
+            </div>
+            {# EOF:header-top-highlighted__container #}
+          </div>
+        </div>
+        {# EOF: header-top-highlighted #}
+      {% endif %}
+
+      {% if page.header_top_first or page.header_top_second %}
+        {# header-top #}
+        <div class="hero clearfix header-top {{ header_top_background_color }}{{ (header_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_top_region_paddings) ? ' region--no-paddings' : '' }}">
+          <div class="{{ header_top_layout_container }}">
+            {# header-top__container #}
+            <div class="clearfix header-top__container{{ (header_top_animations == "enabled") ? ' fade' : '' }}"
+              {% if header_top_animations == "enabled" %}
+                data-animate-effect="{{ header_top_animation_effect }}"
+              {% endif %}>
+              <div class="row">
+                {% if page.header_top_first %}
+                  <div class="{{ header_top_first_grid_class }}">
+                    {# header-top-first #}
+                    <div class="clearfix header-top__section header-top-first">
+                      {{ page.header_top_first }}
+                    </div>
+                    {# EOF:header-top-first #}
+                  </div>
+                {% endif %}
+                {% if page.header_top_second %}
+                  <div class="{{ header_top_second_grid_class }}">
+                    {# header-top-second #}
+                    <div class="clearfix header-top__section header-top-second">
+                      {{ page.header_top_second }}
+                    </div>
+                    {# EOF:header-top-second #}
+                  </div>
+                {% endif %}
+              </div>
+            </div>
+            {# EOF: header-top__container #}
+          </div>
+        </div>
+        {# EOF: header-top #}
+      {% endif %}
+
+      {% if page.header_first or page.header or page.header_third %}
+        {# header #}
+        <header role="banner" class="clearfix header {{ header_background_color }} {{ header_layout_container_class }} {{ header_layout_columns_class }}{{ (header_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (header_region_paddings) ? ' region--no-paddings' : '' }}">
+
+          {% if mt_site_name or mt_logo %}
+            <div class="onscroll-site-name-site-logo-container">
+              {% if mt_logo %}
+                <div class="onscroll-logo">
+                  <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home"><img class="img-responsive" src="{{ mt_logo }}" /></a>
+                </div>
+              {% endif %}
+              {% if mt_site_name %}
+                <div class="onscroll-site-name site-name">
+                  <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ mt_site_name }}</a>
+                </div>
+              {% endif %}
+            </div>
+          {% endif %}
+
+          <div class="{{ header_layout_container }}">
+            {# header__container #}
+            <div class="clearfix header__container">
+              <div class="row">
+                {% if page.header_third %}
+                  <div class="{{ header_third_grid_class }}">
+                    {# header-third #}
+                    <div class="clearfix header__section header-third">
+                      {{ page.header_third }}
+                    </div>
+                    {# EOF:header-third #}
+                  </div>
+                {% endif %}
+                {% if page.header_first %}
+                  <div class="{{ header_first_grid_class }}">
+                    {# header-first #}
+                    <div class="clearfix header__section header-first">
+                      {{ page.header_first }}
+                    </div>
+                    {# EOF:header-first #}
+                  </div>
+                {% endif %}
+                {% if page.header %}
+                  <div class="{{ header_second_grid_class }}">
+                    {# header-second #}
+                    <div class="clearfix header__section header-second">
+                      {{ page.header }}
+                    </div>
+                    {# EOF:header-second #}
+                  </div>
+                {% endif %}
+              </div>
+            </div>
+            {# EOF: header__container #}
+          </div>
+        </header>
+        {# EOF: header #}
+      {% endif %}
+
+    </div>
+    {# EOF: header-container #}
+  {% endif %}
+
+  {% if page.banner %}
+    {# banner #}
+    <div class="clearfix banner {{ banner_background_color }}{{ (banner_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (banner_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ banner_layout_container }}">
+        {# banner__container #}
+        <div class="clearfix banner__container">
+          <div class="row">
+            <div class="col-md-12">
+              <div class="banner__section">
+                {{ page.banner }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF: banner__container #}
+      </div>
+    </div>
+    {# EOF:banner #}
+  {% endif %}
+
+  {# page-start #}
+  <div id="page-start" class="clearfix page-start"></div>
+
+  {% if page.system_messages %}
+    <div class="system-messages clearfix">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            {{ page.system_messages }}
+          </div>
+        </div>
+      </div>
+    </div>
+  {% endif %}
+
+  {% if page.highlighted_top %}
+    {# highlighted-top #}
+    <div class="clearfix highlighted-top {{ highlighted_top_background_color }} {{ highlighted_top_separator }}{{ (highlighted_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (highlighted_top_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ highlighted_top_layout_container }}">
+        {# highlighted-top__container #}
+        <div class="clearfix highlighted-top__container{{ (highlighted_top_animations == "enabled") ? ' fade' : '' }}"
+          {% if highlighted_top_animations == "enabled" %}
+            data-animate-effect="{{ highlighted_top_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix highlighted-top__section">
+                {{ page.highlighted_top }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:highlighted-top__container #}
+      </div>
+    </div>
+    {# EOF: highlighted-top #}
+  {% endif %}
+
+  {% if page.highlighted %}
+    {# highlighted #}
+    <div class="clearfix highlighted {{ highlighted_background_color }} {{ highlighted_separator }}{{ (highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ highlighted_layout_container }}">
+        {# highlighted__container #}
+        <div class="clearfix highlighted__container{{ (highlighted_animations == "enabled") ? ' fade' : '' }}"
+          {% if highlighted_animations == "enabled" %}
+            data-animate-effect="{{ highlighted_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix highlighted__section">
+                {{ page.highlighted }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:highlighted__container #}
+      </div>
+    </div>
+    {# EOF: highlighted #}
+  {% endif %}
+
+  {% if page.content_top %}
+    {# content-top #}
+    <div class="clearfix content-top {{ content_top_background_color }}{{ (content_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_top_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ content_top_layout_container }}">
+        {# content-top__container #}
+        <div class="clearfix content-top__container{{ (content_top_animations == "enabled") ? ' fade' : '' }}"
+          {% if content_top_animations == "enabled" %}
+            data-animate-effect="{{ content_top_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="content-top__section">
+                {{ page.content_top }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:content-top__container #}
+      </div>
+    </div>
+    {# EOF: content-top #}
+  {% endif %}
+
+  {% if page.content_top_highlighted %}
+    {# content-top-highlighted #}
+    <div class="clearfix content-top-highlighted {{ content_top_highlighted_background_color }} {{ content_top_highlighted_separator }}{{ (content_top_highlighted_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_top_highlighted_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ content_top_highlighted_layout_container }}">
+        {# content-top-highlighted__container #}
+        <div class="clearfix content-top-highlighted__container{{ (content_top_highlighted_animations == "enabled") ? ' fade' : '' }}"
+          {% if content_top_highlighted_animations == "enabled" %}
+            data-animate-effect="{{ content_top_highlighted_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="content-top-highlighted__section">
+                {{ page.content_top_highlighted }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:content-top-highlighted__container #}
+      </div>
+    </div>
+    {# EOF: content-top-highlighted #}
+  {% endif %}
+
+  {% if page.pre_content_first or page.pre_content_second %}
+    {# pre-content #}
+    <div class="clearfix pre-content {{ pre_content_background_color }} {{ pre_content_separator }}{{ (pre_content_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (pre_content_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ pre_content_layout_container }}">
+        {# pre-content__container #}
+        <div class="clearfix pre-content__container{{ (pre_content_animations == "enabled") ? ' fade' : '' }}"
+          {% if pre_content_animations == "enabled" %}
+            data-animate-effect="{{ pre_content_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            {% if page.pre_content_first %}
+              <div class="{{ pre_content_first_grid_class }}">
+                {# pre-content-first #}
+                <div class="clearfix pre-content__section pre-content-first">
+                  {{ page.pre_content_first }}
+                </div>
+                {# EOF:pre-content-first #}
+              </div>
+            {% endif %}
+            {% if page.pre_content_second %}
+              <div class="{{ pre_content_second_grid_class }}">
+                {# pre-content-second #}
+                <div class="clearfix pre-content__section pre-content-second">
+                  {{ page.pre_content_second }}
+                </div>
+                {# EOF:pre-content-second #}
+              </div>
+            {% endif %}
+          </div>
+        </div>
+        {# EOF:pre-content__container #}
+      </div>
+    </div>
+    {# EOF: pre-content #}
+  {% endif %}
+
+  {# main-content #}
+  <div class="clearfix main-content region--dark-typography region--white-background  {{ main_content_separator }}">
+    <div class="container">
+      <div class="clearfix main-content__container">
+        <div class="row">
+          <section class="{{ main_grid_class }}">
+            {# main #}
+            <div class="clearfix main-content__section{{ (main_content_animations == "enabled") ? ' fade' : '' }}{{ (main_content_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (main_content_region_paddings) ? ' region--no-paddings' : '' }}"
+              {% if main_content_animations == "enabled" %}
+                data-animate-effect="{{ main_content_animation_effect }}"
+              {% endif %}>
+              {% if page.content %}
+                {{ page.content }}
+              {% endif %}
+            </div>
+            {# EOF:main #}
+          </section>
+          {% if page.sidebar_first %}
+            <aside class="{{ sidebar_first_grid_class }}">
+              {# sidebar-first #}
+              <section class="sidebar__section sidebar-first clearfix{{ (sidebar_first_animations == "enabled") ? ' fade' : '' }}{{ (sidebar_first_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sidebar_first_region_paddings) ? ' region--no-paddings' : '' }}"
+                {% if sidebar_first_animations == "enabled" %}
+                  data-animate-effect="{{ sidebar_first_animation_effect }}"
+                {% endif %}>
+                {{ page.sidebar_first }}
+              </section>
+              {# EOF:sidebar-first #}
+            </aside>
+          {% endif %}
+          {% if page.sidebar_second %}
+            <aside class="{{ sidebar_second_grid_class }}">
+              {# sidebar-second #}
+              <section class="sidebar__section sidebar-second clearfix{{ (sidebar_second_animations == "enabled") ? ' fade' : '' }}{{ (sidebar_second_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sidebar_second_region_paddings) ? ' region--no-paddings' : '' }}"
+                {% if sidebar_second_animations == "enabled" %}
+                  data-animate-effect="{{ sidebar_second_animation_effect }}"
+                {% endif %}>
+                {{ page.sidebar_second }}
+              </section>
+              {# EOF:sidebar-second #}
+            </aside>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+  {# EOF:main-content #}
+
+  {% if page.content_bottom_first or page.content_bottom_second %}
+    {# content-bottom #}
+    <div class="clearfix content-bottom {{ content_bottom_background_color }} {{ content_bottom_separator }}{{ (content_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (content_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ content_bottom_layout_container }}">
+        {# content-bottom__container #}
+        <div class="clearfix content-bottom__container{{ (content_bottom_animations == "enabled") ? ' fade' : '' }}"
+          {% if content_bottom_animations == "enabled" %}
+            data-animate-effect="{{ content_bottom_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            {% if page.content_bottom_first %}
+              <div class="{{ content_bottom_first_grid_class }}">
+                {# content-bottom-first #}
+                <div class="clearfix content-bottom__section content-bottom-first">
+                  {{ page.content_bottom_first }}
+                </div>
+                {# EOF:content-bottom-first #}
+              </div>
+            {% endif %}
+            {% if page.content_bottom_second %}
+              <div class="{{ content_bottom_second_grid_class }}">
+                {# content-bottom-second #}
+                <div class="clearfix content-bottom__section content-bottom-second">
+                  {{ page.content_bottom_second }}
+                </div>
+                {# EOF:content-bottom-second #}
+              </div>
+            {% endif %}
+          </div>
+        </div>
+        {# EOF:content-bottom__container #}
+      </div>
+    </div>
+    {# EOF: content-bottom #}
+  {% endif %}
+
+  {% if page.featured_top %}
+    {# featured-top #}
+    <div class="clearfix featured-top {{ featured_top_background_color }} {{ featured_top_separator }}{{ (featured_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_top_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ featured_top_layout_container }}">
+        {# featured-top__container #}
+        <div class="clearfix featured-top__container{{ (featured_top_animations == "enabled") ? ' fade' : '' }}"
+          {% if featured_top_animations == "enabled" %}
+            data-animate-effect="{{ featured_top_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix featured-top__section">
+                {{ page.featured_top }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:featured-top__container #}
+      </div>
+    </div>
+    {# EOF: featured-top #}
+  {% endif %}
+
+  {% if page.featured %}
+    {# featured #}
+    <div class="clearfix featured {{ featured_background_color }} {{ featured_separator }}{{ (featured_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ featured_layout_container }}">
+        {# featured__container #}
+        <div class="clearfix featured__container{{ (featured_animations == "enabled") ? ' fade' : '' }}"
+          {% if featured_animations == "enabled" %}
+            data-animate-effect="{{ featured_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix featured__section">
+                {{ page.featured }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:featured__container #}
+      </div>
+    </div>
+    {# EOF: featured #}
+  {% endif %}
+
+  {% if page.featured_bottom %}
+    {# featured-bottom #}
+    <div class="clearfix featured-bottom {{ featured_bottom_background_color }} {{ featured_bottom_separator }}{{ (featured_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (featured_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ featured_bottom_layout_container }}">
+        {# featured-bottom__container #}
+        <div class="clearfix featured-bottom__container{{ (featured_bottom_animations == "enabled") ? ' fade' : '' }}"
+          {% if featured_bottom_animations == "enabled" %}
+            data-animate-effect="{{ featured_bottom_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix featured-bottom__section">
+                {{ page.featured_bottom }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:featured-bottom__container #}
+      </div>
+    </div>
+    {# EOF: featured-bottom #}
+  {% endif %}
+
+  {% if page.sub_featured %}
+    {# sub_featured #}
+    <div class="clearfix sub-featured {{ sub_featured_background_color }} {{ sub_featured_separator }}{{ (sub_featured_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (sub_featured_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ sub_featured_layout_container }}">
+        {# sub_featured__container #}
+        <div class="clearfix sub-featured__container{{ (sub_featured_animations == "enabled") ? ' fade' : '' }}"
+          {% if sub_featured_animations == "enabled" %}
+            data-animate-effect="{{ sub_featured_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            <div class="col-md-12">
+              <div class="clearfix sub-featured__section">
+                {{ page.sub_featured }}
+              </div>
+            </div>
+          </div>
+        </div>
+        {# EOF:sub_featured__container #}
+      </div>
+    </div>
+    {# EOF: sub_featured #}
+  {% endif %}
+
+  {% if page.footer_top_first or page.footer_top_second %}
+    {# footer-top #}
+    <div class="clearfix footer-top {{ footer_top_regions }} {{ footer_top_background_color }} {{ footer_top_separator }}{{ (footer_top_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_top_region_paddings) ? ' region--no-paddings' : '' }}">
+      <div class="{{ footer_top_layout_container }}">
+        {# footer-top__container #}
+        <div class="clearfix footer-top__container{{ (footer_top_animations == "enabled") ? ' fade' : '' }}"
+          {% if footer_top_animations == "enabled" %}
+            data-animate-effect="{{ footer_top_animation_effect }}"
+          {% endif %}>
+          <div class="row">
+            {% if page.footer_top_first %}
+              <div class="{{ footer_top_first_grid_class }}">
+                {# footer-top-first #}
+                <div class="clearfix footer-top__section footer-top-first">
+                  {{ page.footer_top_first }}
+                </div>
+                {# EOF:footer-top-first #}
+              </div>
+            {% endif %}
+            {% if page.footer_top_second %}
+              <div class="{{ footer_top_second_grid_class }}">
+                {# footer-top-second #}
+                <div class="clearfix footer-top__section footer-top-second">
+                  {{ page.footer_top_second }}
+                </div>
+                {# EOF:footer-top-second #}
+              </div>
+            {% endif %}
+          </div>
+        </div>
+        {# EOF: footer-top__container #}
+      </div>
+    </div>
+    {# EOF: footer-top #}
+  {% endif %}
+
+  {% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth or page.footer_fifth %}
+    {# footer #}
+    <footer class="clearfix footer {{ footer_background_color }} {{ footer_separator }} {{ scroll_to_top_region }}{{ (footer_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_region_paddings) ? ' region--no-paddings' : '' }}">
+      {% if scroll_to_top_display and scroll_to_top_region == "footer-to-top-enabled" %}
+        <div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
+      {% endif %}
+      <div class="{{ footer_layout_container }}">
+        <div class="clearfix footer__container">
+          <div class="row">
+            {% if page.footer_first %}
+              <div class="{{ footer_first_grid_class }}">
+                {# footer-first #}
+                <div class="clearfix footer__section footer-first{{ (footer_animations == "enabled") ? ' fade' : '' }}"
+                  {% if footer_animations == "enabled" %}
+                    data-animate-effect="{{ footer_animation_effect }}"
+                  {% endif %}>
+                  {{ page.footer_first }}
+                </div>
+                {# EOF:footer-first #}
+              </div>
+            {% endif %}
+            {% if page.footer_second %}
+              <div class="{{ footer_second_grid_class }}">
+                {# footer-second #}
+                <div class="clearfix footer__section footer-second{{ (footer_animations == "enabled") ? ' fade' : '' }}"
+                  {% if footer_animations == "enabled" %}
+                    data-animate-effect="{{ footer_animation_effect }}"
+                  {% endif %}>
+                  {{ page.footer_second }}
+                </div>
+                {# EOF:footer-second #}
+              </div>
+            {% endif %}
+            <div class="clearfix {{ footer_4_columns_clearfix_first }}"></div>
+            {% if page.footer_third %}
+              <div class="{{ footer_third_grid_class }}">
+                {# footer-third #}
+                <div class="clearfix footer__section footer-third{{ (footer_animations == "enabled") ? ' fade' : '' }}"
+                  {% if footer_animations == "enabled" %}
+                    data-animate-effect="{{ footer_animation_effect }}"
+                  {% endif %}>
+                  {{ page.footer_third }}
+                </div>
+                {# EOF:footer-third #}
+              </div>
+            {% endif %}
+            <div class="clearfix {{ footer_4_columns_clearfix_second }} {{ footer_5_columns_clearfix }}"></div>
+            {% if page.footer_fourth %}
+              <div class="{{ footer_fourth_grid_class }}">
+                {# footer-fourth #}
+                <div class="clearfix footer__section footer-fourth{{ (footer_animations == "enabled") ? ' fade' : '' }}"
+                  {% if footer_animations == "enabled" %}
+                    data-animate-effect="{{ footer_animation_effect }}"
+                  {% endif %}>
+                  {{ page.footer_fourth }}
+                </div>
+                {# EOF:footer-fourth #}
+              </div>
+            {% endif %}
+            {% if page.footer_fifth %}
+              <div class="{{ footer_fifth_grid_class }}">
+                {# footer-fifth #}
+                <div class="clearfix footer__section footer-fifth{{ (footer_animations == "enabled") ? ' fade' : '' }}"
+                  {% if footer_animations == "enabled" %}
+                    data-animate-effect="{{ footer_animation_effect }}"
+                  {% endif %}>
+                  {{ page.footer_fifth }}
+                </div>
+                {# EOF:footer-fifth #}
+              </div>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+    </footer>
+    {# EOF footer #}
+  {% endif %}
+
+  {% if page.footer_bottom_first or page.footer_bottom_second %}
+    {# footer-bottom #}
+    <div class="clearfix footer-bottom {{ footer_bottom_background_color }} {{ footer_bottom_separator }} {{ scroll_to_top_region }}{{ (footer_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (footer_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
+      {% if scroll_to_top_display and scroll_to_top_region == "footer-bottom-to-top-enabled" %}
+        <div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
+      {% endif %}
+      <div class="{{ footer_bottom_layout_container }}">
+        {# footer-bottom__container #}
+        <div class="clearfix footer-bottom__container">
+          <div class="row">
+            {% if page.footer_bottom_first %}
+              <div class="{{ footer_bottom_first_grid_class }}">
+                {# footer-bottom-first #}
+                <div class="clearfix footer-bottom__section footer-bottom-first">
+                  {{ page.footer_bottom_first }}
+                </div>
+                {# EOF:footer-bottom-first #}
+              </div>
+            {% endif %}
+            {% if page.footer_bottom_second %}
+              <div class="{{ footer_bottom_second_grid_class }}">
+                {# footer-bottom-first #}
+                <div class="clearfix footer-bottom__section footer-bottom-first">
+                  {{ page.footer_bottom_second }}
+                </div>
+                {# EOF:footer-bottom-first #}
+              </div>
+            {% endif %}
+          </div>
+        </div>
+        {# EOF:footer-bottom__container #}
+      </div>
+    </div>
+    {# EOF: footer-bottom #}
+  {% endif %}
+
+  {% if page.sub_footer_first or page.footer %}
+    {# subfooter #}
+    <div class="clearfix subfooter {{ subfooter_background_color }} {{ subfooter_separator }} {{ scroll_to_top_region }}{{ (subfooter_bottom_blocks_paddings) ? ' region--no-block-paddings' : '' }}{{ (subfooter_bottom_region_paddings) ? ' region--no-paddings' : '' }}">
+      {% if scroll_to_top_display and scroll_to_top_region == "subfooter-to-top-enabled" %}
+        <div class="to-top"><i class="fa {{ scroll_to_top_icon }}"></i></div>
+      {% endif %}
+      <div class="{{ subfooter_layout_container }}">
+        {# subfooter__container #}
+        <div class="clearfix subfooter__container">
+          <div class="row">
+            {% if page.sub_footer_first %}
+              <div class="{{ subfooter_first_grid_class }}">
+                {# subfooter-first #}
+                <div class="clearfix subfooter__section subfooter-first">
+                  {{ page.sub_footer_first }}
+                </div>
+                {# EOF: subfooter-first #}
+              </div>
+            {% endif %}
+            {% if page.footer %}
+              <div class="{{ subfooter_second_grid_class }}">
+                {# subfooter-second #}
+                <div class="clearfix subfooter__section subfooter-second">
+                  {{ page.footer }}
+                </div>
+                {# EOF: subfooter-second #}
+              </div>
+            {% endif %}
+          </div>
+        </div>
+        {# EOF: subfooter__container #}
+      </div>
+    </div>
+    {# EOF:subfooter #}
+  {% endif %}
+
+</div>
+{# EOF: page-container #}