j1-template 2021.1.21 → 2021.1.25

data/assets/themes/j1/adapter/js/infiniteScroll.js

@@ -0,0 +1,245 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/infiniteScroll.js
+ # Liquid template to adapt infiniteScroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/infiniteScroll.js
+ # J1 Adapter for infiniteScroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['infiniteScroll'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var user_agent    = platform.ua;
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+  function sleep(milliseconds) {
+    var start = new Date().getTime();
+    for (var i = 0; i < 1e7; i++) {
+      if ((new Date().getTime() - start) > milliseconds){
+        break;
+      }
+    }
+    return;
+  }
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.infiniteScroll;
+      logger  = log4javascript.getLogger('j1.adapter.infiniteScroll');
+
+      // initialize state flag
+      _this.setState('started');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.infiniteScroll',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // infiniteScroll initializer
+      // -----------------------------------------------------------------------
+      var log_text = '\n' + 'infiniteScroll is being initialized';
+      logger.info(log_text);
+
+      // Add data attribute for tablesaw to all tables of a page
+      var dependencies_met_page_ready = setInterval (function (options) {
+        var lastPage = 4;
+
+        if ( j1.getState() === 'finished' ) {
+          var logger = log4javascript.getLogger('j1.infiniteScroll');
+          var log_text = '\n module infiniteScroll is being initialized';
+          logger.info(log_text);
+
+          function getPosts() {
+            var pageNumber = ( this.loadCount + 1 ) + 1;                          // +1: offset for j1-paginator
+            if ( pageNumber <= lastPage) {
+              return `/assets/data/news_panel_posts/page${pageNumber}/index.html`;
+            }
+          }
+
+          // jadams, 2021-09-12
+          //
+          // var scrollOffset = 450 + 20;
+          // var article_height = $('#home_news_panel-scroll-item').height();
+          // var article_height = document.getElementById('home_news_panel-scroll-item').clientHeight;
+          // var scrollThreshold = (article_height -200) * -1;
+
+          $('#home_news_panel-scroll-group').infiniteScroll({
+            path: getPosts,
+            append: '#home_news_panel-scroll-item',
+            history: false,
+            checkLastPage: true,
+            status: '.page-scroll-last',
+          });
+
+          $('.list-group').on( 'error.infiniteScroll', function( event, error, path, response ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = `\n could not load next items: ${path}. ${error}`;
+            logger.info(log_text);
+          });
+
+          $('.list-group').on( 'last.infiniteScroll', function( event, body, path ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = `\n last page reached on ${path}`;
+            logger.info(log_text);
+          });
+
+          $('.list-group').on( 'scrollThreshold.infiniteScroll', function( event ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = '\n scroll position is less than scrollThreshold option distance';
+            logger.info(log_text);
+          });
+
+          $('.list-group').on( 'load.infiniteScroll', function( event, body, path, response ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = `\n loaded data from path: ${path}`;
+            logger.info(log_text);
+
+            //var elm = document.getElementById("home_news_panel-scroll-group");
+            //
+            // var ww = $(window).width();
+            // var wh = $(window).height();
+            //
+            // var vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
+            // var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
+            //
+            // var article_height = $('#home_news_panel-scroll-item').height();
+            //
+            // // if (user_agent.includes('iPad') || user_agent.includes('Windows') || user_agent.includes('OS X')) {
+            // if (user_agent.includes('Windows') || !user_agent.includes('OS X')) {
+            //   // on desktops, scroll the page to view appended elements
+            //   window.scrollBy(0, article_height);
+            // }
+
+          });
+
+          $('.list-group').on( 'request.infiniteScroll', function( event, path, fetchPromise ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = `\n request for the next page to be loaded from path: ${path}`;
+            logger.info(log_text);
+          });
+
+          clearInterval(dependencies_met_page_ready);
+        }
+      });
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for J1 CookieConsent module
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info('\n' + message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState()
+    // Sets the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return _this.state;
+    } // END getState
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/themes/j1/adapter/js/j1.js

@@ -1022,6 +1022,9 @@ var j1 = (function () {
             // display page
            $('#no_flicker').css('display', 'block');
 
+           // initialize backdrops
+           j1.core.createDropCap();
+
              // add recommended title to hyvor iframe for SEO optimization (if loadad)
             if (comment_provider === 'hyvor') {
               var dependencies_met_load_finished = setInterval (function () {
@@ -1169,6 +1172,20 @@ var j1 = (function () {
           // display page
           $('#no_flicker').css('display', 'block');
 
+          // Add minus icon for collapse element which is open by default
+        	$(".collapse.show").each(function(){
+        		$(this).prev(".card-header").addClass("highlight");
+        	});
+
+        	// Highlight open collapsed element
+        	$(".card-header .btn").click(function(){
+        		$(".card-header").not($(this).parents()).removeClass("highlight");
+        		$(this).parents(".card-header").toggleClass("highlight");
+        	});
+
+          // initialize backdrops
+          j1.core.createDropCap();
+
             // add recommended title to hyvor iframe for SEO optimization (if loadad)
            if (comment_provider === 'hyvor') {
              var dependencies_met_load_finished = setInterval (function () {

data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css

@@ -5852,80 +5852,80 @@ button.bg-dark:focus {
   margin-left: 3rem !important; }
 
 .m-6 {
-  margin: 6rem !important; }
+  margin: 4.75rem !important; }
 
 .mt-6,
 .my-6 {
-  margin-top: 6rem !important; }
+  margin-top: 4.75rem !important; }
 
 .mr-6,
 .mx-6 {
-  margin-right: 6rem !important; }
+  margin-right: 4.75rem !important; }
 
 .mb-6,
 .my-6 {
-  margin-bottom: 6rem !important; }
+  margin-bottom: 4.75rem !important; }
 
 .ml-6,
 .mx-6 {
-  margin-left: 6rem !important; }
+  margin-left: 4.75rem !important; }
 
 .m-7 {
-  margin: 7rem !important; }
+  margin: 6rem !important; }
 
 .mt-7,
 .my-7 {
-  margin-top: 7rem !important; }
+  margin-top: 6rem !important; }
 
 .mr-7,
 .mx-7 {
-  margin-right: 7rem !important; }
+  margin-right: 6rem !important; }
 
 .mb-7,
 .my-7 {
-  margin-bottom: 7rem !important; }
+  margin-bottom: 6rem !important; }
 
 .ml-7,
 .mx-7 {
-  margin-left: 7rem !important; }
+  margin-left: 6rem !important; }
 
 .m-8 {
-  margin: 8rem !important; }
+  margin: 7.25rem !important; }
 
 .mt-8,
 .my-8 {
-  margin-top: 8rem !important; }
+  margin-top: 7.25rem !important; }
 
 .mr-8,
 .mx-8 {
-  margin-right: 8rem !important; }
+  margin-right: 7.25rem !important; }
 
 .mb-8,
 .my-8 {
-  margin-bottom: 8rem !important; }
+  margin-bottom: 7.25rem !important; }
 
 .ml-8,
 .mx-8 {
-  margin-left: 8rem !important; }
+  margin-left: 7.25rem !important; }
 
 .m-9 {
-  margin: 9rem !important; }
+  margin: 8.5rem !important; }
 
 .mt-9,
 .my-9 {
-  margin-top: 9rem !important; }
+  margin-top: 8.5rem !important; }
 
 .mr-9,
 .mx-9 {
-  margin-right: 9rem !important; }
+  margin-right: 8.5rem !important; }
 
 .mb-9,
 .my-9 {
-  margin-bottom: 9rem !important; }
+  margin-bottom: 8.5rem !important; }
 
 .ml-9,
 .mx-9 {
-  margin-left: 9rem !important; }
+  margin-left: 8.5rem !important; }
 
 .m-10 {
   margin: 10rem !important; }
@@ -6061,80 +6061,80 @@ button.bg-dark:focus {
   padding-left: 3rem !important; }
 
 .p-6 {
-  padding: 6rem !important; }
+  padding: 4.75rem !important; }
 
 .pt-6,
 .py-6 {
-  padding-top: 6rem !important; }
+  padding-top: 4.75rem !important; }
 
 .pr-6,
 .px-6 {
-  padding-right: 6rem !important; }
+  padding-right: 4.75rem !important; }
 
 .pb-6,
 .py-6 {
-  padding-bottom: 6rem !important; }
+  padding-bottom: 4.75rem !important; }
 
 .pl-6,
 .px-6 {
-  padding-left: 6rem !important; }
+  padding-left: 4.75rem !important; }
 
 .p-7 {
-  padding: 7rem !important; }
+  padding: 6rem !important; }
 
 .pt-7,
 .py-7 {
-  padding-top: 7rem !important; }
+  padding-top: 6rem !important; }
 
 .pr-7,
 .px-7 {
-  padding-right: 7rem !important; }
+  padding-right: 6rem !important; }
 
 .pb-7,
 .py-7 {
-  padding-bottom: 7rem !important; }
+  padding-bottom: 6rem !important; }
 
 .pl-7,
 .px-7 {
-  padding-left: 7rem !important; }
+  padding-left: 6rem !important; }
 
 .p-8 {
-  padding: 8rem !important; }
+  padding: 7.25rem !important; }
 
 .pt-8,
 .py-8 {
-  padding-top: 8rem !important; }
+  padding-top: 7.25rem !important; }
 
 .pr-8,
 .px-8 {
-  padding-right: 8rem !important; }
+  padding-right: 7.25rem !important; }
 
 .pb-8,
 .py-8 {
-  padding-bottom: 8rem !important; }
+  padding-bottom: 7.25rem !important; }
 
 .pl-8,
 .px-8 {
-  padding-left: 8rem !important; }
+  padding-left: 7.25rem !important; }
 
 .p-9 {
-  padding: 9rem !important; }
+  padding: 8.5rem !important; }
 
 .pt-9,
 .py-9 {
-  padding-top: 9rem !important; }
+  padding-top: 8.5rem !important; }
 
 .pr-9,
 .px-9 {
-  padding-right: 9rem !important; }
+  padding-right: 8.5rem !important; }
 
 .pb-9,
 .py-9 {
-  padding-bottom: 9rem !important; }
+  padding-bottom: 8.5rem !important; }
 
 .pl-9,
 .px-9 {
-  padding-left: 9rem !important; }
+  padding-left: 8.5rem !important; }
 
 .p-10 {
   padding: 10rem !important; }
@@ -6251,80 +6251,80 @@ button.bg-dark:focus {
   margin-left: -3rem !important; }
 
 .m-n6 {
-  margin: -6rem !important; }
+  margin: -4.75rem !important; }
 
 .mt-n6,
 .my-n6 {
-  margin-top: -6rem !important; }
+  margin-top: -4.75rem !important; }
 
 .mr-n6,
 .mx-n6 {
-  margin-right: -6rem !important; }
+  margin-right: -4.75rem !important; }
 
 .mb-n6,
 .my-n6 {
-  margin-bottom: -6rem !important; }
+  margin-bottom: -4.75rem !important; }
 
 .ml-n6,
 .mx-n6 {
-  margin-left: -6rem !important; }
+  margin-left: -4.75rem !important; }
 
 .m-n7 {
-  margin: -7rem !important; }
+  margin: -6rem !important; }
 
 .mt-n7,
 .my-n7 {
-  margin-top: -7rem !important; }
+  margin-top: -6rem !important; }
 
 .mr-n7,
 .mx-n7 {
-  margin-right: -7rem !important; }
+  margin-right: -6rem !important; }
 
 .mb-n7,
 .my-n7 {
-  margin-bottom: -7rem !important; }
+  margin-bottom: -6rem !important; }
 
 .ml-n7,
 .mx-n7 {
-  margin-left: -7rem !important; }
+  margin-left: -6rem !important; }
 
 .m-n8 {
-  margin: -8rem !important; }
+  margin: -7.25rem !important; }
 
 .mt-n8,
 .my-n8 {
-  margin-top: -8rem !important; }
+  margin-top: -7.25rem !important; }
 
 .mr-n8,
 .mx-n8 {
-  margin-right: -8rem !important; }
+  margin-right: -7.25rem !important; }
 
 .mb-n8,
 .my-n8 {
-  margin-bottom: -8rem !important; }
+  margin-bottom: -7.25rem !important; }
 
 .ml-n8,
 .mx-n8 {
-  margin-left: -8rem !important; }
+  margin-left: -7.25rem !important; }
 
 .m-n9 {
-  margin: -9rem !important; }
+  margin: -8.5rem !important; }
 
 .mt-n9,
 .my-n9 {
-  margin-top: -9rem !important; }
+  margin-top: -8.5rem !important; }
 
 .mr-n9,
 .mx-n9 {
-  margin-right: -9rem !important; }
+  margin-right: -8.5rem !important; }
 
 .mb-n9,
 .my-n9 {
-  margin-bottom: -9rem !important; }
+  margin-bottom: -8.5rem !important; }
 
 .ml-n9,
 .mx-n9 {
-  margin-left: -9rem !important; }
+  margin-left: -8.5rem !important; }
 
 .m-n10 {
   margin: -10rem !important; }
@@ -6450,61 +6450,61 @@ button.bg-dark:focus {
   .mx-sm-5 {
     margin-left: 3rem !important; }
   .m-sm-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-sm-6,
   .my-sm-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-sm-6,
   .mx-sm-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-sm-6,
   .my-sm-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-sm-6,
   .mx-sm-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-sm-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-sm-7,
   .my-sm-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-sm-7,
   .mx-sm-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-sm-7,
   .my-sm-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-sm-7,
   .mx-sm-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-sm-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-sm-8,
   .my-sm-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-sm-8,
   .mx-sm-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-sm-8,
   .my-sm-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-sm-8,
   .mx-sm-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-sm-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-sm-9,
   .my-sm-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-sm-9,
   .mx-sm-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-sm-9,
   .my-sm-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-sm-9,
   .mx-sm-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-sm-10 {
     margin: 10rem !important; }
   .mt-sm-10,
@@ -6604,61 +6604,61 @@ button.bg-dark:focus {
   .px-sm-5 {
     padding-left: 3rem !important; }
   .p-sm-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-sm-6,
   .py-sm-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-sm-6,
   .px-sm-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-sm-6,
   .py-sm-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-sm-6,
   .px-sm-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-sm-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-sm-7,
   .py-sm-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-sm-7,
   .px-sm-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-sm-7,
   .py-sm-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-sm-7,
   .px-sm-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-sm-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-sm-8,
   .py-sm-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-sm-8,
   .px-sm-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-sm-8,
   .py-sm-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-sm-8,
   .px-sm-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-sm-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-sm-9,
   .py-sm-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-sm-9,
   .px-sm-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-sm-9,
   .py-sm-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-sm-9,
   .px-sm-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-sm-10 {
     padding: 10rem !important; }
   .pt-sm-10,
@@ -6744,61 +6744,61 @@ button.bg-dark:focus {
   .mx-sm-n5 {
     margin-left: -3rem !important; }
   .m-sm-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-sm-n6,
   .my-sm-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-sm-n6,
   .mx-sm-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-sm-n6,
   .my-sm-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-sm-n6,
   .mx-sm-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-sm-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-sm-n7,
   .my-sm-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-sm-n7,
   .mx-sm-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-sm-n7,
   .my-sm-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-sm-n7,
   .mx-sm-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-sm-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-sm-n8,
   .my-sm-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-sm-n8,
   .mx-sm-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-sm-n8,
   .my-sm-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-sm-n8,
   .mx-sm-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-sm-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-sm-n9,
   .my-sm-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-sm-n9,
   .mx-sm-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-sm-n9,
   .my-sm-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-sm-n9,
   .mx-sm-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-sm-n10 {
     margin: -10rem !important; }
   .mt-sm-n10,
@@ -6914,61 +6914,61 @@ button.bg-dark:focus {
   .mx-md-5 {
     margin-left: 3rem !important; }
   .m-md-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-md-6,
   .my-md-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-md-6,
   .mx-md-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-md-6,
   .my-md-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-md-6,
   .mx-md-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-md-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-md-7,
   .my-md-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-md-7,
   .mx-md-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-md-7,
   .my-md-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-md-7,
   .mx-md-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-md-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-md-8,
   .my-md-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-md-8,
   .mx-md-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-md-8,
   .my-md-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-md-8,
   .mx-md-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-md-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-md-9,
   .my-md-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-md-9,
   .mx-md-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-md-9,
   .my-md-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-md-9,
   .mx-md-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-md-10 {
     margin: 10rem !important; }
   .mt-md-10,
@@ -7068,61 +7068,61 @@ button.bg-dark:focus {
   .px-md-5 {
     padding-left: 3rem !important; }
   .p-md-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-md-6,
   .py-md-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-md-6,
   .px-md-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-md-6,
   .py-md-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-md-6,
   .px-md-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-md-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-md-7,
   .py-md-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-md-7,
   .px-md-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-md-7,
   .py-md-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-md-7,
   .px-md-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-md-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-md-8,
   .py-md-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-md-8,
   .px-md-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-md-8,
   .py-md-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-md-8,
   .px-md-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-md-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-md-9,
   .py-md-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-md-9,
   .px-md-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-md-9,
   .py-md-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-md-9,
   .px-md-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-md-10 {
     padding: 10rem !important; }
   .pt-md-10,
@@ -7208,61 +7208,61 @@ button.bg-dark:focus {
   .mx-md-n5 {
     margin-left: -3rem !important; }
   .m-md-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-md-n6,
   .my-md-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-md-n6,
   .mx-md-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-md-n6,
   .my-md-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-md-n6,
   .mx-md-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-md-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-md-n7,
   .my-md-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-md-n7,
   .mx-md-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-md-n7,
   .my-md-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-md-n7,
   .mx-md-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-md-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-md-n8,
   .my-md-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-md-n8,
   .mx-md-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-md-n8,
   .my-md-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-md-n8,
   .mx-md-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-md-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-md-n9,
   .my-md-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-md-n9,
   .mx-md-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-md-n9,
   .my-md-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-md-n9,
   .mx-md-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-md-n10 {
     margin: -10rem !important; }
   .mt-md-n10,
@@ -7378,61 +7378,61 @@ button.bg-dark:focus {
   .mx-lg-5 {
     margin-left: 3rem !important; }
   .m-lg-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-lg-6,
   .my-lg-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-lg-6,
   .mx-lg-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-lg-6,
   .my-lg-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-lg-6,
   .mx-lg-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-lg-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-lg-7,
   .my-lg-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-lg-7,
   .mx-lg-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-lg-7,
   .my-lg-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-lg-7,
   .mx-lg-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-lg-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-lg-8,
   .my-lg-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-lg-8,
   .mx-lg-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-lg-8,
   .my-lg-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-lg-8,
   .mx-lg-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-lg-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-lg-9,
   .my-lg-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-lg-9,
   .mx-lg-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-lg-9,
   .my-lg-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-lg-9,
   .mx-lg-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-lg-10 {
     margin: 10rem !important; }
   .mt-lg-10,
@@ -7532,61 +7532,61 @@ button.bg-dark:focus {
   .px-lg-5 {
     padding-left: 3rem !important; }
   .p-lg-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-lg-6,
   .py-lg-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-lg-6,
   .px-lg-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-lg-6,
   .py-lg-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-lg-6,
   .px-lg-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-lg-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-lg-7,
   .py-lg-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-lg-7,
   .px-lg-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-lg-7,
   .py-lg-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-lg-7,
   .px-lg-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-lg-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-lg-8,
   .py-lg-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-lg-8,
   .px-lg-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-lg-8,
   .py-lg-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-lg-8,
   .px-lg-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-lg-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-lg-9,
   .py-lg-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-lg-9,
   .px-lg-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-lg-9,
   .py-lg-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-lg-9,
   .px-lg-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-lg-10 {
     padding: 10rem !important; }
   .pt-lg-10,
@@ -7672,61 +7672,61 @@ button.bg-dark:focus {
   .mx-lg-n5 {
     margin-left: -3rem !important; }
   .m-lg-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-lg-n6,
   .my-lg-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-lg-n6,
   .mx-lg-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-lg-n6,
   .my-lg-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-lg-n6,
   .mx-lg-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-lg-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-lg-n7,
   .my-lg-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-lg-n7,
   .mx-lg-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-lg-n7,
   .my-lg-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-lg-n7,
   .mx-lg-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-lg-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-lg-n8,
   .my-lg-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-lg-n8,
   .mx-lg-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-lg-n8,
   .my-lg-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-lg-n8,
   .mx-lg-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-lg-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-lg-n9,
   .my-lg-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-lg-n9,
   .mx-lg-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-lg-n9,
   .my-lg-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-lg-n9,
   .mx-lg-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-lg-n10 {
     margin: -10rem !important; }
   .mt-lg-n10,
@@ -7842,61 +7842,61 @@ button.bg-dark:focus {
   .mx-xl-5 {
     margin-left: 3rem !important; }
   .m-xl-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-xl-6,
   .my-xl-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-xl-6,
   .mx-xl-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-xl-6,
   .my-xl-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-xl-6,
   .mx-xl-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-xl-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-xl-7,
   .my-xl-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-xl-7,
   .mx-xl-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-xl-7,
   .my-xl-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-xl-7,
   .mx-xl-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-xl-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-xl-8,
   .my-xl-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-xl-8,
   .mx-xl-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-xl-8,
   .my-xl-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-xl-8,
   .mx-xl-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-xl-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-xl-9,
   .my-xl-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-xl-9,
   .mx-xl-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-xl-9,
   .my-xl-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-xl-9,
   .mx-xl-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-xl-10 {
     margin: 10rem !important; }
   .mt-xl-10,
@@ -7996,61 +7996,61 @@ button.bg-dark:focus {
   .px-xl-5 {
     padding-left: 3rem !important; }
   .p-xl-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-xl-6,
   .py-xl-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-xl-6,
   .px-xl-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-xl-6,
   .py-xl-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-xl-6,
   .px-xl-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-xl-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-xl-7,
   .py-xl-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-xl-7,
   .px-xl-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-xl-7,
   .py-xl-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-xl-7,
   .px-xl-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-xl-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-xl-8,
   .py-xl-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-xl-8,
   .px-xl-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-xl-8,
   .py-xl-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-xl-8,
   .px-xl-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-xl-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-xl-9,
   .py-xl-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-xl-9,
   .px-xl-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-xl-9,
   .py-xl-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-xl-9,
   .px-xl-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-xl-10 {
     padding: 10rem !important; }
   .pt-xl-10,
@@ -8136,61 +8136,61 @@ button.bg-dark:focus {
   .mx-xl-n5 {
     margin-left: -3rem !important; }
   .m-xl-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-xl-n6,
   .my-xl-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-xl-n6,
   .mx-xl-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-xl-n6,
   .my-xl-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-xl-n6,
   .mx-xl-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-xl-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-xl-n7,
   .my-xl-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-xl-n7,
   .mx-xl-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-xl-n7,
   .my-xl-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-xl-n7,
   .mx-xl-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-xl-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-xl-n8,
   .my-xl-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-xl-n8,
   .mx-xl-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-xl-n8,
   .my-xl-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-xl-n8,
   .mx-xl-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-xl-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-xl-n9,
   .my-xl-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-xl-n9,
   .mx-xl-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-xl-n9,
   .my-xl-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-xl-n9,
   .mx-xl-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-xl-n10 {
     margin: -10rem !important; }
   .mt-xl-n10,
@@ -8572,7 +8572,6 @@ a.btn:hover {
   cursor: pointer;
   background-color: transparent;
   border: 0;
-  outline: 0;
   transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   will-change: box-shadow, transform;
   color: rgba(0, 0, 0, 0.87);
@@ -13305,6 +13304,17 @@ select, select.form-control {
     display: inline-flex;
     align-items: center; } }
 
+/*
+ # -----------------------------------------------------------------------------
+ # ~/scss/theme_uno/bootstrap/_headings.scss
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # -----------------------------------------------------------------------------
+*/
+.h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 {
+  font-family: "Roboto Slab", Helvetica, Arial, sans-serif; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/_input-group.scss
@@ -13426,67 +13436,6 @@ select, select.form-control {
     visibility: visible;
     pointer-events: none; }
 
-/*
- # -----------------------------------------------------------------------------
- # ~/scss/theme_uno/bootstrap/_list-groups.scss
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
-*/
-.list-group {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  padding: .5rem 0; }
-  .list-group.bmd-list-group-sm {
-    padding: .25rem 0; }
-    .list-group.bmd-list-group-sm .list-group-item {
-      padding: .5rem 1rem; }
-
-.bmd-list-group-col {
-  display: flex;
-  flex-direction: column;
-  min-width: 0; }
-
-.list-group-item {
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-  padding: 1rem;
-  line-height: 1; }
-  .list-group-item .list-group-item-text {
-    min-width: 0;
-    max-height: 2.188rem;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  .list-group-item :first-child {
-    margin-right: 2rem; }
-  .list-group-item > .pull-xs-right,
-  .list-group-item > .pull-sm-right,
-  .list-group-item > .pull-md-right,
-  .list-group-item > .pull-lg-right,
-  .list-group-item > .pull-xl-right,
-  .list-group-item > * ~ .label:last-child,
-  .list-group-item > * ~ .material-icons:last-child {
-    margin-right: 0;
-    margin-left: auto; }
-  .list-group-item .material-icons.pull-xs-right,
-  .list-group-item .material-icons.pull-sm-right,
-  .list-group-item .material-icons.pull-md-right,
-  .list-group-item .material-icons.pull-lg-right,
-  .list-group-item .material-icons.pull-xl-right,
-  .list-group-item .material-icons ~ .material-icons:last-child {
-    padding-left: 1rem; }
-  .list-group-item .list-group-item-text {
-    font-size: .875rem;
-    color: #9e9e9e; }
-
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/_links.scss
@@ -14183,80 +14132,80 @@ table.tableblock > .title {
   margin-left: 3rem !important; }
 
 .m-6 {
-  margin: 6rem !important; }
+  margin: 4.75rem !important; }
 
 .mt-6,
 .my-6 {
-  margin-top: 6rem !important; }
+  margin-top: 4.75rem !important; }
 
 .mr-6,
 .mx-6 {
-  margin-right: 6rem !important; }
+  margin-right: 4.75rem !important; }
 
 .mb-6,
 .my-6 {
-  margin-bottom: 6rem !important; }
+  margin-bottom: 4.75rem !important; }
 
 .ml-6,
 .mx-6 {
-  margin-left: 6rem !important; }
+  margin-left: 4.75rem !important; }
 
 .m-7 {
-  margin: 7rem !important; }
+  margin: 6rem !important; }
 
 .mt-7,
 .my-7 {
-  margin-top: 7rem !important; }
+  margin-top: 6rem !important; }
 
 .mr-7,
 .mx-7 {
-  margin-right: 7rem !important; }
+  margin-right: 6rem !important; }
 
 .mb-7,
 .my-7 {
-  margin-bottom: 7rem !important; }
+  margin-bottom: 6rem !important; }
 
 .ml-7,
 .mx-7 {
-  margin-left: 7rem !important; }
+  margin-left: 6rem !important; }
 
 .m-8 {
-  margin: 8rem !important; }
+  margin: 7.25rem !important; }
 
 .mt-8,
 .my-8 {
-  margin-top: 8rem !important; }
+  margin-top: 7.25rem !important; }
 
 .mr-8,
 .mx-8 {
-  margin-right: 8rem !important; }
+  margin-right: 7.25rem !important; }
 
 .mb-8,
 .my-8 {
-  margin-bottom: 8rem !important; }
+  margin-bottom: 7.25rem !important; }
 
 .ml-8,
 .mx-8 {
-  margin-left: 8rem !important; }
+  margin-left: 7.25rem !important; }
 
 .m-9 {
-  margin: 9rem !important; }
+  margin: 8.5rem !important; }
 
 .mt-9,
 .my-9 {
-  margin-top: 9rem !important; }
+  margin-top: 8.5rem !important; }
 
 .mr-9,
 .mx-9 {
-  margin-right: 9rem !important; }
+  margin-right: 8.5rem !important; }
 
 .mb-9,
 .my-9 {
-  margin-bottom: 9rem !important; }
+  margin-bottom: 8.5rem !important; }
 
 .ml-9,
 .mx-9 {
-  margin-left: 9rem !important; }
+  margin-left: 8.5rem !important; }
 
 .m-10 {
   margin: 10rem !important; }
@@ -14392,80 +14341,80 @@ table.tableblock > .title {
   padding-left: 3rem !important; }
 
 .p-6 {
-  padding: 6rem !important; }
+  padding: 4.75rem !important; }
 
 .pt-6,
 .py-6 {
-  padding-top: 6rem !important; }
+  padding-top: 4.75rem !important; }
 
 .pr-6,
 .px-6 {
-  padding-right: 6rem !important; }
+  padding-right: 4.75rem !important; }
 
 .pb-6,
 .py-6 {
-  padding-bottom: 6rem !important; }
+  padding-bottom: 4.75rem !important; }
 
 .pl-6,
 .px-6 {
-  padding-left: 6rem !important; }
+  padding-left: 4.75rem !important; }
 
 .p-7 {
-  padding: 7rem !important; }
+  padding: 6rem !important; }
 
 .pt-7,
 .py-7 {
-  padding-top: 7rem !important; }
+  padding-top: 6rem !important; }
 
 .pr-7,
 .px-7 {
-  padding-right: 7rem !important; }
+  padding-right: 6rem !important; }
 
 .pb-7,
 .py-7 {
-  padding-bottom: 7rem !important; }
+  padding-bottom: 6rem !important; }
 
 .pl-7,
 .px-7 {
-  padding-left: 7rem !important; }
+  padding-left: 6rem !important; }
 
 .p-8 {
-  padding: 8rem !important; }
+  padding: 7.25rem !important; }
 
 .pt-8,
 .py-8 {
-  padding-top: 8rem !important; }
+  padding-top: 7.25rem !important; }
 
 .pr-8,
 .px-8 {
-  padding-right: 8rem !important; }
+  padding-right: 7.25rem !important; }
 
 .pb-8,
 .py-8 {
-  padding-bottom: 8rem !important; }
+  padding-bottom: 7.25rem !important; }
 
 .pl-8,
 .px-8 {
-  padding-left: 8rem !important; }
+  padding-left: 7.25rem !important; }
 
 .p-9 {
-  padding: 9rem !important; }
+  padding: 8.5rem !important; }
 
 .pt-9,
 .py-9 {
-  padding-top: 9rem !important; }
+  padding-top: 8.5rem !important; }
 
 .pr-9,
 .px-9 {
-  padding-right: 9rem !important; }
+  padding-right: 8.5rem !important; }
 
 .pb-9,
 .py-9 {
-  padding-bottom: 9rem !important; }
+  padding-bottom: 8.5rem !important; }
 
 .pl-9,
 .px-9 {
-  padding-left: 9rem !important; }
+  padding-left: 8.5rem !important; }
 
 .p-10 {
   padding: 10rem !important; }
@@ -14582,80 +14531,80 @@ table.tableblock > .title {
   margin-left: -3rem !important; }
 
 .m-n6 {
-  margin: -6rem !important; }
+  margin: -4.75rem !important; }
 
 .mt-n6,
 .my-n6 {
-  margin-top: -6rem !important; }
+  margin-top: -4.75rem !important; }
 
 .mr-n6,
 .mx-n6 {
-  margin-right: -6rem !important; }
+  margin-right: -4.75rem !important; }
 
 .mb-n6,
 .my-n6 {
-  margin-bottom: -6rem !important; }
+  margin-bottom: -4.75rem !important; }
 
 .ml-n6,
 .mx-n6 {
-  margin-left: -6rem !important; }
+  margin-left: -4.75rem !important; }
 
 .m-n7 {
-  margin: -7rem !important; }
+  margin: -6rem !important; }
 
 .mt-n7,
 .my-n7 {
-  margin-top: -7rem !important; }
+  margin-top: -6rem !important; }
 
 .mr-n7,
 .mx-n7 {
-  margin-right: -7rem !important; }
+  margin-right: -6rem !important; }
 
 .mb-n7,
 .my-n7 {
-  margin-bottom: -7rem !important; }
+  margin-bottom: -6rem !important; }
 
 .ml-n7,
 .mx-n7 {
-  margin-left: -7rem !important; }
+  margin-left: -6rem !important; }
 
 .m-n8 {
-  margin: -8rem !important; }
+  margin: -7.25rem !important; }
 
 .mt-n8,
 .my-n8 {
-  margin-top: -8rem !important; }
+  margin-top: -7.25rem !important; }
 
 .mr-n8,
 .mx-n8 {
-  margin-right: -8rem !important; }
+  margin-right: -7.25rem !important; }
 
 .mb-n8,
 .my-n8 {
-  margin-bottom: -8rem !important; }
+  margin-bottom: -7.25rem !important; }
 
 .ml-n8,
 .mx-n8 {
-  margin-left: -8rem !important; }
+  margin-left: -7.25rem !important; }
 
 .m-n9 {
-  margin: -9rem !important; }
+  margin: -8.5rem !important; }
 
 .mt-n9,
 .my-n9 {
-  margin-top: -9rem !important; }
+  margin-top: -8.5rem !important; }
 
 .mr-n9,
 .mx-n9 {
-  margin-right: -9rem !important; }
+  margin-right: -8.5rem !important; }
 
 .mb-n9,
 .my-n9 {
-  margin-bottom: -9rem !important; }
+  margin-bottom: -8.5rem !important; }
 
 .ml-n9,
 .mx-n9 {
-  margin-left: -9rem !important; }
+  margin-left: -8.5rem !important; }
 
 .m-n10 {
   margin: -10rem !important; }
@@ -14781,61 +14730,61 @@ table.tableblock > .title {
   .mx-sm-5 {
     margin-left: 3rem !important; }
   .m-sm-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-sm-6,
   .my-sm-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-sm-6,
   .mx-sm-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-sm-6,
   .my-sm-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-sm-6,
   .mx-sm-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-sm-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-sm-7,
   .my-sm-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-sm-7,
   .mx-sm-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-sm-7,
   .my-sm-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-sm-7,
   .mx-sm-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-sm-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-sm-8,
   .my-sm-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-sm-8,
   .mx-sm-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-sm-8,
   .my-sm-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-sm-8,
   .mx-sm-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-sm-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-sm-9,
   .my-sm-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-sm-9,
   .mx-sm-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-sm-9,
   .my-sm-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-sm-9,
   .mx-sm-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-sm-10 {
     margin: 10rem !important; }
   .mt-sm-10,
@@ -14935,61 +14884,61 @@ table.tableblock > .title {
   .px-sm-5 {
     padding-left: 3rem !important; }
   .p-sm-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-sm-6,
   .py-sm-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-sm-6,
   .px-sm-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-sm-6,
   .py-sm-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-sm-6,
   .px-sm-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-sm-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-sm-7,
   .py-sm-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-sm-7,
   .px-sm-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-sm-7,
   .py-sm-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-sm-7,
   .px-sm-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-sm-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-sm-8,
   .py-sm-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-sm-8,
   .px-sm-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-sm-8,
   .py-sm-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-sm-8,
   .px-sm-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-sm-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-sm-9,
   .py-sm-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-sm-9,
   .px-sm-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-sm-9,
   .py-sm-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-sm-9,
   .px-sm-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-sm-10 {
     padding: 10rem !important; }
   .pt-sm-10,
@@ -15075,61 +15024,61 @@ table.tableblock > .title {
   .mx-sm-n5 {
     margin-left: -3rem !important; }
   .m-sm-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-sm-n6,
   .my-sm-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-sm-n6,
   .mx-sm-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-sm-n6,
   .my-sm-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-sm-n6,
   .mx-sm-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-sm-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-sm-n7,
   .my-sm-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-sm-n7,
   .mx-sm-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-sm-n7,
   .my-sm-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-sm-n7,
   .mx-sm-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-sm-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-sm-n8,
   .my-sm-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-sm-n8,
   .mx-sm-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-sm-n8,
   .my-sm-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-sm-n8,
   .mx-sm-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-sm-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-sm-n9,
   .my-sm-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-sm-n9,
   .mx-sm-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-sm-n9,
   .my-sm-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-sm-n9,
   .mx-sm-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-sm-n10 {
     margin: -10rem !important; }
   .mt-sm-n10,
@@ -15245,61 +15194,61 @@ table.tableblock > .title {
   .mx-md-5 {
     margin-left: 3rem !important; }
   .m-md-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-md-6,
   .my-md-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-md-6,
   .mx-md-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-md-6,
   .my-md-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-md-6,
   .mx-md-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-md-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-md-7,
   .my-md-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-md-7,
   .mx-md-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-md-7,
   .my-md-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-md-7,
   .mx-md-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-md-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-md-8,
   .my-md-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-md-8,
   .mx-md-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-md-8,
   .my-md-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-md-8,
   .mx-md-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-md-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-md-9,
   .my-md-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-md-9,
   .mx-md-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-md-9,
   .my-md-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-md-9,
   .mx-md-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-md-10 {
     margin: 10rem !important; }
   .mt-md-10,
@@ -15399,61 +15348,61 @@ table.tableblock > .title {
   .px-md-5 {
     padding-left: 3rem !important; }
   .p-md-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-md-6,
   .py-md-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-md-6,
   .px-md-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-md-6,
   .py-md-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-md-6,
   .px-md-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-md-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-md-7,
   .py-md-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-md-7,
   .px-md-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-md-7,
   .py-md-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-md-7,
   .px-md-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-md-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-md-8,
   .py-md-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-md-8,
   .px-md-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-md-8,
   .py-md-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-md-8,
   .px-md-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-md-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-md-9,
   .py-md-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-md-9,
   .px-md-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-md-9,
   .py-md-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-md-9,
   .px-md-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-md-10 {
     padding: 10rem !important; }
   .pt-md-10,
@@ -15539,61 +15488,61 @@ table.tableblock > .title {
   .mx-md-n5 {
     margin-left: -3rem !important; }
   .m-md-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-md-n6,
   .my-md-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-md-n6,
   .mx-md-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-md-n6,
   .my-md-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-md-n6,
   .mx-md-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-md-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-md-n7,
   .my-md-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-md-n7,
   .mx-md-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-md-n7,
   .my-md-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-md-n7,
   .mx-md-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-md-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-md-n8,
   .my-md-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-md-n8,
   .mx-md-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-md-n8,
   .my-md-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-md-n8,
   .mx-md-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-md-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-md-n9,
   .my-md-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-md-n9,
   .mx-md-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-md-n9,
   .my-md-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-md-n9,
   .mx-md-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-md-n10 {
     margin: -10rem !important; }
   .mt-md-n10,
@@ -15709,61 +15658,61 @@ table.tableblock > .title {
   .mx-lg-5 {
     margin-left: 3rem !important; }
   .m-lg-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-lg-6,
   .my-lg-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-lg-6,
   .mx-lg-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-lg-6,
   .my-lg-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-lg-6,
   .mx-lg-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-lg-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-lg-7,
   .my-lg-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-lg-7,
   .mx-lg-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-lg-7,
   .my-lg-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-lg-7,
   .mx-lg-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-lg-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-lg-8,
   .my-lg-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-lg-8,
   .mx-lg-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-lg-8,
   .my-lg-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-lg-8,
   .mx-lg-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-lg-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-lg-9,
   .my-lg-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-lg-9,
   .mx-lg-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-lg-9,
   .my-lg-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-lg-9,
   .mx-lg-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-lg-10 {
     margin: 10rem !important; }
   .mt-lg-10,
@@ -15863,61 +15812,61 @@ table.tableblock > .title {
   .px-lg-5 {
     padding-left: 3rem !important; }
   .p-lg-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-lg-6,
   .py-lg-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-lg-6,
   .px-lg-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-lg-6,
   .py-lg-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-lg-6,
   .px-lg-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-lg-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-lg-7,
   .py-lg-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-lg-7,
   .px-lg-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-lg-7,
   .py-lg-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-lg-7,
   .px-lg-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-lg-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-lg-8,
   .py-lg-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-lg-8,
   .px-lg-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-lg-8,
   .py-lg-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-lg-8,
   .px-lg-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-lg-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-lg-9,
   .py-lg-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-lg-9,
   .px-lg-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-lg-9,
   .py-lg-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-lg-9,
   .px-lg-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-lg-10 {
     padding: 10rem !important; }
   .pt-lg-10,
@@ -16003,61 +15952,61 @@ table.tableblock > .title {
   .mx-lg-n5 {
     margin-left: -3rem !important; }
   .m-lg-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-lg-n6,
   .my-lg-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-lg-n6,
   .mx-lg-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-lg-n6,
   .my-lg-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-lg-n6,
   .mx-lg-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-lg-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-lg-n7,
   .my-lg-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-lg-n7,
   .mx-lg-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-lg-n7,
   .my-lg-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-lg-n7,
   .mx-lg-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-lg-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-lg-n8,
   .my-lg-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-lg-n8,
   .mx-lg-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-lg-n8,
   .my-lg-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-lg-n8,
   .mx-lg-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-lg-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-lg-n9,
   .my-lg-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-lg-n9,
   .mx-lg-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-lg-n9,
   .my-lg-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-lg-n9,
   .mx-lg-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-lg-n10 {
     margin: -10rem !important; }
   .mt-lg-n10,
@@ -16173,61 +16122,61 @@ table.tableblock > .title {
   .mx-xl-5 {
     margin-left: 3rem !important; }
   .m-xl-6 {
-    margin: 6rem !important; }
+    margin: 4.75rem !important; }
   .mt-xl-6,
   .my-xl-6 {
-    margin-top: 6rem !important; }
+    margin-top: 4.75rem !important; }
   .mr-xl-6,
   .mx-xl-6 {
-    margin-right: 6rem !important; }
+    margin-right: 4.75rem !important; }
   .mb-xl-6,
   .my-xl-6 {
-    margin-bottom: 6rem !important; }
+    margin-bottom: 4.75rem !important; }
   .ml-xl-6,
   .mx-xl-6 {
-    margin-left: 6rem !important; }
+    margin-left: 4.75rem !important; }
   .m-xl-7 {
-    margin: 7rem !important; }
+    margin: 6rem !important; }
   .mt-xl-7,
   .my-xl-7 {
-    margin-top: 7rem !important; }
+    margin-top: 6rem !important; }
   .mr-xl-7,
   .mx-xl-7 {
-    margin-right: 7rem !important; }
+    margin-right: 6rem !important; }
   .mb-xl-7,
   .my-xl-7 {
-    margin-bottom: 7rem !important; }
+    margin-bottom: 6rem !important; }
   .ml-xl-7,
   .mx-xl-7 {
-    margin-left: 7rem !important; }
+    margin-left: 6rem !important; }
   .m-xl-8 {
-    margin: 8rem !important; }
+    margin: 7.25rem !important; }
   .mt-xl-8,
   .my-xl-8 {
-    margin-top: 8rem !important; }
+    margin-top: 7.25rem !important; }
   .mr-xl-8,
   .mx-xl-8 {
-    margin-right: 8rem !important; }
+    margin-right: 7.25rem !important; }
   .mb-xl-8,
   .my-xl-8 {
-    margin-bottom: 8rem !important; }
+    margin-bottom: 7.25rem !important; }
   .ml-xl-8,
   .mx-xl-8 {
-    margin-left: 8rem !important; }
+    margin-left: 7.25rem !important; }
   .m-xl-9 {
-    margin: 9rem !important; }
+    margin: 8.5rem !important; }
   .mt-xl-9,
   .my-xl-9 {
-    margin-top: 9rem !important; }
+    margin-top: 8.5rem !important; }
   .mr-xl-9,
   .mx-xl-9 {
-    margin-right: 9rem !important; }
+    margin-right: 8.5rem !important; }
   .mb-xl-9,
   .my-xl-9 {
-    margin-bottom: 9rem !important; }
+    margin-bottom: 8.5rem !important; }
   .ml-xl-9,
   .mx-xl-9 {
-    margin-left: 9rem !important; }
+    margin-left: 8.5rem !important; }
   .m-xl-10 {
     margin: 10rem !important; }
   .mt-xl-10,
@@ -16327,61 +16276,61 @@ table.tableblock > .title {
   .px-xl-5 {
     padding-left: 3rem !important; }
   .p-xl-6 {
-    padding: 6rem !important; }
+    padding: 4.75rem !important; }
   .pt-xl-6,
   .py-xl-6 {
-    padding-top: 6rem !important; }
+    padding-top: 4.75rem !important; }
   .pr-xl-6,
   .px-xl-6 {
-    padding-right: 6rem !important; }
+    padding-right: 4.75rem !important; }
   .pb-xl-6,
   .py-xl-6 {
-    padding-bottom: 6rem !important; }
+    padding-bottom: 4.75rem !important; }
   .pl-xl-6,
   .px-xl-6 {
-    padding-left: 6rem !important; }
+    padding-left: 4.75rem !important; }
   .p-xl-7 {
-    padding: 7rem !important; }
+    padding: 6rem !important; }
   .pt-xl-7,
   .py-xl-7 {
-    padding-top: 7rem !important; }
+    padding-top: 6rem !important; }
   .pr-xl-7,
   .px-xl-7 {
-    padding-right: 7rem !important; }
+    padding-right: 6rem !important; }
   .pb-xl-7,
   .py-xl-7 {
-    padding-bottom: 7rem !important; }
+    padding-bottom: 6rem !important; }
   .pl-xl-7,
   .px-xl-7 {
-    padding-left: 7rem !important; }
+    padding-left: 6rem !important; }
   .p-xl-8 {
-    padding: 8rem !important; }
+    padding: 7.25rem !important; }
   .pt-xl-8,
   .py-xl-8 {
-    padding-top: 8rem !important; }
+    padding-top: 7.25rem !important; }
   .pr-xl-8,
   .px-xl-8 {
-    padding-right: 8rem !important; }
+    padding-right: 7.25rem !important; }
   .pb-xl-8,
   .py-xl-8 {
-    padding-bottom: 8rem !important; }
+    padding-bottom: 7.25rem !important; }
   .pl-xl-8,
   .px-xl-8 {
-    padding-left: 8rem !important; }
+    padding-left: 7.25rem !important; }
   .p-xl-9 {
-    padding: 9rem !important; }
+    padding: 8.5rem !important; }
   .pt-xl-9,
   .py-xl-9 {
-    padding-top: 9rem !important; }
+    padding-top: 8.5rem !important; }
   .pr-xl-9,
   .px-xl-9 {
-    padding-right: 9rem !important; }
+    padding-right: 8.5rem !important; }
   .pb-xl-9,
   .py-xl-9 {
-    padding-bottom: 9rem !important; }
+    padding-bottom: 8.5rem !important; }
   .pl-xl-9,
   .px-xl-9 {
-    padding-left: 9rem !important; }
+    padding-left: 8.5rem !important; }
   .p-xl-10 {
     padding: 10rem !important; }
   .pt-xl-10,
@@ -16467,61 +16416,61 @@ table.tableblock > .title {
   .mx-xl-n5 {
     margin-left: -3rem !important; }
   .m-xl-n6 {
-    margin: -6rem !important; }
+    margin: -4.75rem !important; }
   .mt-xl-n6,
   .my-xl-n6 {
-    margin-top: -6rem !important; }
+    margin-top: -4.75rem !important; }
   .mr-xl-n6,
   .mx-xl-n6 {
-    margin-right: -6rem !important; }
+    margin-right: -4.75rem !important; }
   .mb-xl-n6,
   .my-xl-n6 {
-    margin-bottom: -6rem !important; }
+    margin-bottom: -4.75rem !important; }
   .ml-xl-n6,
   .mx-xl-n6 {
-    margin-left: -6rem !important; }
+    margin-left: -4.75rem !important; }
   .m-xl-n7 {
-    margin: -7rem !important; }
+    margin: -6rem !important; }
   .mt-xl-n7,
   .my-xl-n7 {
-    margin-top: -7rem !important; }
+    margin-top: -6rem !important; }
   .mr-xl-n7,
   .mx-xl-n7 {
-    margin-right: -7rem !important; }
+    margin-right: -6rem !important; }
   .mb-xl-n7,
   .my-xl-n7 {
-    margin-bottom: -7rem !important; }
+    margin-bottom: -6rem !important; }
   .ml-xl-n7,
   .mx-xl-n7 {
-    margin-left: -7rem !important; }
+    margin-left: -6rem !important; }
   .m-xl-n8 {
-    margin: -8rem !important; }
+    margin: -7.25rem !important; }
   .mt-xl-n8,
   .my-xl-n8 {
-    margin-top: -8rem !important; }
+    margin-top: -7.25rem !important; }
   .mr-xl-n8,
   .mx-xl-n8 {
-    margin-right: -8rem !important; }
+    margin-right: -7.25rem !important; }
   .mb-xl-n8,
   .my-xl-n8 {
-    margin-bottom: -8rem !important; }
+    margin-bottom: -7.25rem !important; }
   .ml-xl-n8,
   .mx-xl-n8 {
-    margin-left: -8rem !important; }
+    margin-left: -7.25rem !important; }
   .m-xl-n9 {
-    margin: -9rem !important; }
+    margin: -8.5rem !important; }
   .mt-xl-n9,
   .my-xl-n9 {
-    margin-top: -9rem !important; }
+    margin-top: -8.5rem !important; }
   .mr-xl-n9,
   .mx-xl-n9 {
-    margin-right: -9rem !important; }
+    margin-right: -8.5rem !important; }
   .mb-xl-n9,
   .my-xl-n9 {
-    margin-bottom: -9rem !important; }
+    margin-bottom: -8.5rem !important; }
   .ml-xl-n9,
   .mx-xl-n9 {
-    margin-left: -9rem !important; }
+    margin-left: -8.5rem !important; }
   .m-xl-n10 {
     margin: -10rem !important; }
   .mt-xl-n10,
@@ -16566,6 +16515,89 @@ table.tableblock > .title {
  # NOTE: This is the (SASS) entry point for all theme extentions
  # -----------------------------------------------------------------------------
 */
+/*
+// ----------------------------------------------------------------------------
+// ~/theme_uno/extentions/_accordion_panel.scss
+// Provides styles for the J1 Accordion Panel
+//
+// Product/Info:
+// https://jekyll.one
+//
+// Copyright (C) 2021 Juergen Adams
+//
+// J1 Template is licensed under the MIT License.
+// See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+// ----------------------------------------------------------------------------
+*/
+/* Accordion link block (card footer)
+-------------------------------------------------------------------------------- */
+.accordion {
+  text-align: left; }
+
+.accordion .card {
+  background: none;
+  border: none;
+  box-shadow: unset; }
+
+.accordion .card .card-header {
+  background: none;
+  border: none;
+  padding: .4rem 1rem;
+  font-family: "Roboto", sans-serif; }
+
+.accordion .card-header h2 span {
+  float: left;
+  margin-top: 10px; }
+
+.accordion .card-header .btn {
+  color: #2f2f31;
+  font-size: 1.04rem;
+  text-align: left;
+  position: relative;
+  font-weight: 500;
+  padding-left: 2rem; }
+
+.accordion .card-header i {
+  font-size: 1.2rem;
+  font-weight: bold;
+  position: absolute;
+  left: 0;
+  top: 9px; }
+
+.accordion .card-header .btn:hover {
+  color: #ff8300; }
+
+.accordion .card-body {
+  color: #324353;
+  padding: 0.5rem 3rem; }
+
+.page-title {
+  margin: 3rem 0 3rem 1rem;
+  font-family: "Roboto", sans-serif;
+  position: relative; }
+
+.page-title::after {
+  content: "";
+  width: 80px;
+  position: absolute;
+  height: 3px;
+  border-radius: 1px;
+  background: #73bb2b;
+  left: 0;
+  bottom: -15px; }
+
+.accordion .highlight .btn {
+  color: #2196f3; }
+
+.accordion .highlight i {
+  transform: rotate(180deg); }
+
+.collapsible-link[aria-expanded='true']::after {
+  transform: rotate(90deg) translateX(-1px); }
+
+.collapsible-link[aria-expanded='true']::before {
+  transform: rotate(180deg); }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/theme_uno/extentions/_advertising.scss
@@ -16726,6 +16758,41 @@ table.tableblock > .title {
   display: inline-block;
   padding: 2px 3px; }
 
+/*
+// -----------------------------------------------------------------------------
+// ~/theme_uno/extentions/_backdrop.scss
+// Provides general styles for the J1 Backdrops
+//
+// Product/Info:
+// https://jekyll.one
+//
+// Copyright (C) 2021 Juergen Adams
+//
+// J1 Template is licensed under the MIT License.
+// See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+// -----------------------------------------------------------------------------
+*/
+.j1-dropcap {
+  font: 2em/0.8 "Roboto Slab", sans-serif;
+  line-height: 1.25rem;
+  color: #757575;
+  float: left;
+  padding-right: .125rem; }
+
+/* Media breakpoints
+-------------------------------------------------------------------------------- */
+@media screen and (min-width: 992px) {
+  .j1-dropcap {
+    font-size: 3rem; } }
+
+@media screen and (max-width: 768px) {
+  .j1-dropcap {
+    font-size: 2rem; } }
+
+@media screen and (max-width: 480px) {
+  .j1-dropcap {
+    font-size: 2rem; } }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/theme_uno/extentions/_bs-doc.scss
@@ -16787,6 +16854,12 @@ table.tableblock > .title {
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
  # NOTE: Styles for (extended) cards
+ # NOTE: Cards|Styles, inspired by BS3 Material-Kit
+ # -----------------------------------------------------------------------------
+ # TODO: Should be moved|integrated to|with ~/scss/theme_uno/bootstrap/_cards.scss
+ # TODO: CSS styles should rewritten to SCSS
+ # -----------------------------------------------------------------------------
+ # SPEC:
  # -----------------------------------------------------------------------------
 */
 /*
@@ -16795,6 +16868,9 @@ table.tableblock > .title {
   border-radius: 0.125rem !important;
 }
 */
+.card.card-same-height {
+  height: calc(100% - 1.75rem); }
+
 .card .card-header {
   background-color: #2196f3;
   border-bottom: 0; }
@@ -16802,18 +16878,18 @@ table.tableblock > .title {
 .card-header:first-child {
   border-radius: 0 !important; }
 
+.card-body {
+  text-align: initial; }
+
 /*
 .card .card-footer {
   background-color: $grey-100;
 }
 */
 .card .card-footer {
-  padding-top: 0;
-  padding-right: 1.25rem;
-  padding-bottom: 1.25rem;
-  padding-left: 1.25rem;
-  border-top: 0;
-  background-color: transparent; }
+  padding: 1.25rem;
+  background-color: transparent;
+  border-top: 1px dotted rgba(0, 0, 0, 0.25); }
 
 /* jadams: Overwrite Bootstraps heading margins for cards */
 /* .card > h1, h2, h3, h4, h5 { */
@@ -16889,7 +16965,7 @@ table.tableblock > .title {
   pointer-events: none; }
 
 .card .card-title {
-  color: #9e9e9e; }
+  color: #212121; }
 
 a.card-title:hover {
   text-decoration: none; }
@@ -16901,7 +16977,7 @@ a.card-title:hover {
 .card h5.card-title,
 .card h6.card-title {
   font-size: 1.75rem !important;
-  font-weight: 300; }
+  font-weight: 500; }
 
 .card .card-title a {
   color: #f44336 !important;
@@ -16970,7 +17046,7 @@ a.card-title:hover {
   width: 120px;
   height: 120px;
   border-radius: 50%;
-  line-height: 100px;
+  line-height: 120px;
   display: inline-block; }
 
 .card-icon-rectangle {
@@ -17238,7 +17314,6 @@ a.card-title:hover {
 ------------------------------------------------------------------- */
 .card-profile,
 .card-testimonial {
-  margin-top: 60px;
   text-align: center; }
 
 .card-tabs {
@@ -19955,6 +20030,24 @@ a.timeline-list-unstyled:hover {
 .g-min-height-500 {
   min-height: 500px !important; }
 
+.g-max-height-100 {
+  min-height: 100px !important; }
+
+.g-max-height-150 {
+  min-height: 150px !important; }
+
+.g-max-height-200 {
+  min-height: 200px !important; }
+
+.g-max-height-300 {
+  min-height: 300px !important; }
+
+.g-max-height-400 {
+  min-height: 400px !important; }
+
+.g-max-height-500 {
+  min-height: 500px !important; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/mde/_buttons.scss
@@ -25170,7 +25263,8 @@ li.dropdown.nav-item.nav-sub-item:before {
     flex-wrap: nowrap; }
   .nav.navbar-nav.navigator {
     margin-top: 0px;
-    padding-top: 0; }
+    padding-top: 0;
+    font-family: "Roboto Slab", Helvetica, Arial, sans-serif; }
   ul.menu-col {
     padding: 0;
     margin: 0;