From 75b908ba26cf6a41b2efdc6f937d154126d0a158 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Sat, 22 Jun 2019 16:13:47 +0200
Subject: [PATCH] refactored the layout: removed fixed head, replaced with flex
 moved pagetitle and searchform to headerbottom region added Common store to
 vuejs with pagetitle data added pagetitle vuejs component

---
 .../block.block.materiosapisearchblock.yml    |    4 +-
 config/sync/block.block.pagetitle.yml         |   15 +-
 config/sync/block.block.tabs.yml              |    4 +-
 ...ty_view_display.node.frontpage.default.yml |   18 +-
 .../dist/3f2f1fc790d5507ed234.hot-update.json |    1 -
 .../main.3f2f1fc790d5507ed234.hot-update.js   |   15 -
 .../custom/materiotheme/assets/dist/main.css  | 1203 -----------------
 .../custom/materiotheme/assets/dist/main.js   |   22 +-
 .../materiotheme/assets/scripts/main.js       |   31 +-
 .../assets/styles/base/_layout.scss           |   36 +-
 .../assets/styles/base/_variables.scss        |    4 +-
 .../materiotheme/assets/styles/main.scss      |  109 +-
 .../custom/materiotheme/materiotheme.info.yml |    1 +
 .../materiotheme/materiotheme.libraries.yml   |    2 +-
 .../custom/materiotheme/materiotheme.theme    |   11 +-
 .../templates/content/page-title.html.twig    |   21 +
 .../templates/layout/page.html.twig           |   26 +-
 .../vuejs/components/Content/Base.vue         |    1 -
 .../custom/materiotheme/vuejs/store/index.js  |    2 +
 .../vuejs/store/modules/common.js             |   27 +
 .../vuejs/store/modules/search.js             |   19 +-
 21 files changed, 238 insertions(+), 1334 deletions(-)
 delete mode 100644 web/themes/custom/materiotheme/assets/dist/3f2f1fc790d5507ed234.hot-update.json
 delete mode 100644 web/themes/custom/materiotheme/assets/dist/main.3f2f1fc790d5507ed234.hot-update.js
 delete mode 100644 web/themes/custom/materiotheme/assets/dist/main.css
 create mode 100644 web/themes/custom/materiotheme/templates/content/page-title.html.twig
 create mode 100644 web/themes/custom/materiotheme/vuejs/store/modules/common.js

diff --git a/config/sync/block.block.materiosapisearchblock.yml b/config/sync/block.block.materiosapisearchblock.yml
index 93a0bf3..98c5df5 100644
--- a/config/sync/block.block.materiosapisearchblock.yml
+++ b/config/sync/block.block.materiosapisearchblock.yml
@@ -8,8 +8,8 @@ dependencies:
     - materiotheme
 id: materiosapisearchblock
 theme: materiotheme
-region: content_top
-weight: 0
+region: header_bottom
+weight: -2
 provider: null
 plugin: materio_sapi_search_block
 settings:
diff --git a/config/sync/block.block.pagetitle.yml b/config/sync/block.block.pagetitle.yml
index bc59cbe..956577d 100644
--- a/config/sync/block.block.pagetitle.yml
+++ b/config/sync/block.block.pagetitle.yml
@@ -1,15 +1,13 @@
-uuid: e24f300b-ad2d-47ff-851c-875b1c353ce0
+uuid: 6949aa34-9acf-49e4-b95a-8551fd26b6bc
 langcode: en
 status: true
 dependencies:
-  module:
-    - system
   theme:
     - materiotheme
 id: pagetitle
 theme: materiotheme
-region: content
-weight: -1
+region: header_bottom
+weight: -3
 provider: null
 plugin: page_title_block
 settings:
@@ -17,9 +15,4 @@ settings:
   label: 'Page title'
   provider: core
   label_display: '0'
-visibility:
-  request_path:
-    id: request_path
-    pages: '<front>'
-    negate: true
-    context_mapping: {  }
+visibility: {  }
diff --git a/config/sync/block.block.tabs.yml b/config/sync/block.block.tabs.yml
index 66ebfbe..18a5423 100644
--- a/config/sync/block.block.tabs.yml
+++ b/config/sync/block.block.tabs.yml
@@ -8,8 +8,8 @@ dependencies:
     - materiotheme
 id: tabs
 theme: materiotheme
-region: content
-weight: -2
+region: content_top
+weight: -3
 provider: null
 plugin: local_tasks_block
 settings:
diff --git a/config/sync/core.entity_view_display.node.frontpage.default.yml b/config/sync/core.entity_view_display.node.frontpage.default.yml
index 9418ecd..d7b15a1 100644
--- a/config/sync/core.entity_view_display.node.frontpage.default.yml
+++ b/config/sync/core.entity_view_display.node.frontpage.default.yml
@@ -19,7 +19,7 @@ mode: default
 content:
   computed_articles_reference:
     label: hidden
-    weight: 6
+    weight: 7
     region: content
     settings:
       view_mode: teaser
@@ -27,7 +27,7 @@ content:
     third_party_settings: {  }
     type: entity_reference_entity_view
   computed_materials_reference:
-    weight: 2
+    weight: 3
     region: content
     settings:
       view_mode: teaser
@@ -37,7 +37,7 @@ content:
     label: hidden
   computed_showrooms_reference:
     label: hidden
-    weight: 4
+    weight: 5
     region: content
     settings:
       view_mode: default
@@ -45,35 +45,35 @@ content:
     third_party_settings: {  }
     type: entity_reference_entity_view
   field_a_database:
-    weight: 1
+    weight: 2
     label: above
     settings: {  }
     third_party_settings: {  }
     type: text_default
     region: content
   field_blabla:
-    weight: 5
+    weight: 6
     label: above
     settings: {  }
     third_party_settings: {  }
     type: text_default
     region: content
   field_pricing:
-    weight: 7
+    weight: 8
     label: above
     settings: {  }
     third_party_settings: {  }
     type: text_default
     region: content
   field_showrooms:
-    weight: 3
+    weight: 4
     label: above
     settings: {  }
     third_party_settings: {  }
     type: text_default
     region: content
   field_what_is_materio:
-    weight: 0
+    weight: 1
     label: above
     settings: {  }
     third_party_settings: {  }
@@ -81,7 +81,7 @@ content:
     region: content
   title:
     type: string
-    weight: 8
+    weight: 0
     region: content
     label: hidden
     settings:
diff --git a/web/themes/custom/materiotheme/assets/dist/3f2f1fc790d5507ed234.hot-update.json b/web/themes/custom/materiotheme/assets/dist/3f2f1fc790d5507ed234.hot-update.json
deleted file mode 100644
index b341a8b..0000000
--- a/web/themes/custom/materiotheme/assets/dist/3f2f1fc790d5507ed234.hot-update.json
+++ /dev/null
@@ -1 +0,0 @@
-{"h":"9b06c7ef8366e03bb4ea","c":{"main":true}}
\ No newline at end of file
diff --git a/web/themes/custom/materiotheme/assets/dist/main.3f2f1fc790d5507ed234.hot-update.js b/web/themes/custom/materiotheme/assets/dist/main.3f2f1fc790d5507ed234.hot-update.js
deleted file mode 100644
index 59e6269..0000000
--- a/web/themes/custom/materiotheme/assets/dist/main.3f2f1fc790d5507ed234.hot-update.js
+++ /dev/null
@@ -1,15 +0,0 @@
-webpackHotUpdate("main",{
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./web/themes/custom/materiotheme/vuejs/components/Login.vue?vue&type=template&id=39c106f7&scoped=true&lang=html&":
-/*!******************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./web/themes/custom/materiotheme/vuejs/components/Login.vue?vue&type=template&id=39c106f7&scoped=true&lang=html& ***!
-  \******************************************************************************************************************************************************************************************************************************************************/
-/*! exports provided: render, staticRenderFns */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"block-userlogin\" } }, [\n    _c(\"h2\", [_vm._v(\"Login Hello!\")]),\n    _vm._v(\" \"),\n    _c(\"section\", [\n      _c(\"input\", {\n        directives: [\n          {\n            name: \"model\",\n            rawName: \"v-model\",\n            value: _vm.mail,\n            expression: \"mail\"\n          }\n        ],\n        staticClass: \"form-email\",\n        attrs: {\n          id: \"edit-name\",\n          type: \"text\",\n          placeholder: \"Email\",\n          name: \"name\"\n        },\n        domProps: { value: _vm.mail },\n        on: {\n          keyup: function($event) {\n            if (\n              !$event.type.indexOf(\"key\") &&\n              _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n            ) {\n              return null\n            }\n            return _vm.login($event)\n          },\n          input: function($event) {\n            if ($event.target.composing) {\n              return\n            }\n            _vm.mail = $event.target.value\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\"input\", {\n        directives: [\n          {\n            name: \"model\",\n            rawName: \"v-model\",\n            value: _vm.password,\n            expression: \"password\"\n          }\n        ],\n        staticClass: \"form-text\",\n        attrs: {\n          id: \"edit-pass\",\n          type: \"password\",\n          placeholder: \"Password\",\n          name: \"pass\"\n        },\n        domProps: { value: _vm.password },\n        on: {\n          keyup: function($event) {\n            if (\n              !$event.type.indexOf(\"key\") &&\n              _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n            ) {\n              return null\n            }\n            return _vm.login($event)\n          },\n          input: function($event) {\n            if ($event.target.composing) {\n              return\n            }\n            _vm.password = $event.target.value\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"button\",\n          attrs: { id: \"edit-submit\" },\n          on: {\n            click: function($event) {\n              $event.stopPropagation()\n              return _vm.login($event)\n            }\n          }\n        },\n        [_vm._v(\"\\n      login\\n    \")]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/components/Login.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
-
-/***/ })
-
-})
\ No newline at end of file
diff --git a/web/themes/custom/materiotheme/assets/dist/main.css b/web/themes/custom/materiotheme/assets/dist/main.css
deleted file mode 100644
index 3b69718..0000000
--- a/web/themes/custom/materiotheme/assets/dist/main.css
+++ /dev/null
@@ -1,1203 +0,0 @@
-
-
-#user-tools[data-v-4e9a834e]{
-  margin-right:0.5em;
-  padding-right:0.5em;
-  border-right:1px solid #222;
-}
-h4[data-v-4e9a834e]{
-  margin:0;
-  display:inline-block;
-  font-size:inherited;
-}
-
-body {
-  background: white; }
-
-a {
-  color: inherit;
-  text-decoration: none; }
-
-a, a:focus, a:active {
-  outline: none; }
-
-a:focus {
-  -moz-outline-style: none; }
-
-.col-1, .small-col-1, .med-col-1, .large-col-1, .col-2, .small-col-2, .med-col-2, .large-col-2, .col-3, .small-col-3, .med-col-3, .large-col-3, .col-4, .small-col-4, .med-col-4, .large-col-4, .col-5, .small-col-5, .med-col-5, .large-col-5, .col-6, .small-col-6, .med-col-6, .large-col-6, .col-7, .small-col-7, .med-col-7, .large-col-7, .col-8, .small-col-8, .med-col-8, .large-col-8, .col-9, .small-col-9, .med-col-9, .large-col-9, .col-10, .small-col-10, .med-col-10, .large-col-10, .col-11, .small-col-11, .med-col-11, .large-col-11, .col-12, .small-col-12, .med-col-12, .large-col-12, .col-1-offset-1, .col-1-offset-2, .col-1-offset-3, .col-1-offset-4, .col-1-offset-5, .col-1-offset-6, .col-1-offset-7, .col-1-offset-8, .col-1-offset-9, .col-1-offset-10, .col-1-offset-11, .col-2-offset-1, .col-2-offset-2, .col-2-offset-3, .col-2-offset-4, .col-2-offset-5, .col-2-offset-6, .col-2-offset-7, .col-2-offset-8, .col-2-offset-9, .col-2-offset-10, .col-3-offset-1, .col-3-offset-2, .col-3-offset-3, .col-3-offset-4, .col-3-offset-5, .col-3-offset-6, .col-3-offset-7, .col-3-offset-8, .col-3-offset-9, .col-4-offset-1, .col-4-offset-2, .col-4-offset-3, .col-4-offset-4, .col-4-offset-5, .col-4-offset-6, .col-4-offset-7, .col-4-offset-8, .col-5-offset-1, .col-5-offset-2, .col-5-offset-3, .col-5-offset-4, .col-5-offset-5, .col-5-offset-6, .col-5-offset-7, .col-6-offset-1, .col-6-offset-2, .col-6-offset-3, .col-6-offset-4, .col-6-offset-5, .col-6-offset-6, .col-7-offset-1, .col-7-offset-2, .col-7-offset-3, .col-7-offset-4, .col-7-offset-5, .col-8-offset-1, .col-8-offset-2, .col-8-offset-3, .col-8-offset-4, .col-9-offset-1, .col-9-offset-2, .col-9-offset-3, .col-10-offset-1, .col-10-offset-2, .col-11-offset-1 {
-  width: 100%;
-  float: left;
-  box-sizing: border-box; }
-
-.row {
-  position: relative; }
-  .row > * {
-    font-size: 16px; }
-
-.col-1 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 8.33333%; }
-  .col-1:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-1 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 8.33333%; }
-    .small-col-1:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-1 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 8.33333%; }
-    .med-col-1:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-1 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 8.33333%; }
-    .large-col-1:last-child {
-      padding-right: 0; } }
-
-.col-2 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 16.66667%; }
-  .col-2:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-2 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 16.66667%; }
-    .small-col-2:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-2 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 16.66667%; }
-    .med-col-2:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-2 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 16.66667%; }
-    .large-col-2:last-child {
-      padding-right: 0; } }
-
-.col-3 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 25%; }
-  .col-3:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-3 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 25%; }
-    .small-col-3:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-3 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 25%; }
-    .med-col-3:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-3 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 25%; }
-    .large-col-3:last-child {
-      padding-right: 0; } }
-
-.col-4 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 33.33333%; }
-  .col-4:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-4 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 33.33333%; }
-    .small-col-4:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-4 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 33.33333%; }
-    .med-col-4:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-4 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 33.33333%; }
-    .large-col-4:last-child {
-      padding-right: 0; } }
-
-.col-5 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 41.66667%; }
-  .col-5:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-5 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 41.66667%; }
-    .small-col-5:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-5 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 41.66667%; }
-    .med-col-5:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-5 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 41.66667%; }
-    .large-col-5:last-child {
-      padding-right: 0; } }
-
-.col-6 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 50%; }
-  .col-6:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-6 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 50%; }
-    .small-col-6:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-6 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 50%; }
-    .med-col-6:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-6 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 50%; }
-    .large-col-6:last-child {
-      padding-right: 0; } }
-
-.col-7 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 58.33333%; }
-  .col-7:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-7 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 58.33333%; }
-    .small-col-7:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-7 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 58.33333%; }
-    .med-col-7:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-7 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 58.33333%; }
-    .large-col-7:last-child {
-      padding-right: 0; } }
-
-.col-8 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 66.66667%; }
-  .col-8:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-8 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 66.66667%; }
-    .small-col-8:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-8 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 66.66667%; }
-    .med-col-8:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-8 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 66.66667%; }
-    .large-col-8:last-child {
-      padding-right: 0; } }
-
-.col-9 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 75%; }
-  .col-9:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-9 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 75%; }
-    .small-col-9:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-9 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 75%; }
-    .med-col-9:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-9 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 75%; }
-    .large-col-9:last-child {
-      padding-right: 0; } }
-
-.col-10 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 83.33333%; }
-  .col-10:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-10 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 83.33333%; }
-    .small-col-10:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-10 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 83.33333%; }
-    .med-col-10:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-10 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 83.33333%; }
-    .large-col-10:last-child {
-      padding-right: 0; } }
-
-.col-11 {
-  padding-left: 0em;
-  padding-right: 1em;
-  margin-left: 0%;
-  width: 91.66667%; }
-  .col-11:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-11 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 91.66667%; }
-    .small-col-11:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-11 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 91.66667%; }
-    .med-col-11:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-11 {
-    padding-left: 0em;
-    padding-right: 1em;
-    margin-left: 0%;
-    width: 91.66667%; }
-    .large-col-11:last-child {
-      padding-right: 0; } }
-
-.col-12 {
-  padding-left: 0em;
-  padding-right: 0;
-  margin-left: 0%;
-  width: 100%; }
-  .col-12:last-child {
-    padding-right: 0; }
-
-@media only screen and (max-width: 768px) {
-  .small-col-12 {
-    padding-left: 0em;
-    padding-right: 0;
-    margin-left: 0%;
-    width: 100%; }
-    .small-col-12:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 769px) and (max-width: 1080px) {
-  .med-col-12 {
-    padding-left: 0em;
-    padding-right: 0;
-    margin-left: 0%;
-    width: 100%; }
-    .med-col-12:last-child {
-      padding-right: 0; } }
-
-@media only screen and (min-width: 1081px) {
-  .large-col-12 {
-    padding-left: 0em;
-    padding-right: 0;
-    margin-left: 0%;
-    width: 100%; }
-    .large-col-12:last-child {
-      padding-right: 0; } }
-
-.col-1-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 8.33333%;
-  width: 8.33333%; }
-  .col-1-offset-1:last-child {
-    padding-right: 0; }
-
-.col-1-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 16.66667%;
-  width: 8.33333%; }
-  .col-1-offset-2:last-child {
-    padding-right: 0; }
-
-.col-1-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 25%;
-  width: 8.33333%; }
-  .col-1-offset-3:last-child {
-    padding-right: 0; }
-
-.col-1-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 33.33333%;
-  width: 8.33333%; }
-  .col-1-offset-4:last-child {
-    padding-right: 0; }
-
-.col-1-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 41.66667%;
-  width: 8.33333%; }
-  .col-1-offset-5:last-child {
-    padding-right: 0; }
-
-.col-1-offset-6 {
-  padding-left: 6em;
-  padding-right: 1em;
-  margin-left: 50%;
-  width: 8.33333%; }
-  .col-1-offset-6:last-child {
-    padding-right: 0; }
-
-.col-1-offset-7 {
-  padding-left: 7em;
-  padding-right: 1em;
-  margin-left: 58.33333%;
-  width: 8.33333%; }
-  .col-1-offset-7:last-child {
-    padding-right: 0; }
-
-.col-1-offset-8 {
-  padding-left: 8em;
-  padding-right: 1em;
-  margin-left: 66.66667%;
-  width: 8.33333%; }
-  .col-1-offset-8:last-child {
-    padding-right: 0; }
-
-.col-1-offset-9 {
-  padding-left: 9em;
-  padding-right: 1em;
-  margin-left: 75%;
-  width: 8.33333%; }
-  .col-1-offset-9:last-child {
-    padding-right: 0; }
-
-.col-1-offset-10 {
-  padding-left: 10em;
-  padding-right: 1em;
-  margin-left: 83.33333%;
-  width: 8.33333%; }
-  .col-1-offset-10:last-child {
-    padding-right: 0; }
-
-.col-1-offset-11 {
-  padding-left: 11em;
-  padding-right: 1em;
-  margin-left: 91.66667%;
-  width: 8.33333%; }
-  .col-1-offset-11:last-child {
-    padding-right: 0; }
-
-.col-2-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 16.66667%;
-  width: 16.66667%; }
-  .col-2-offset-1:last-child {
-    padding-right: 0; }
-
-.col-2-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 33.33333%;
-  width: 16.66667%; }
-  .col-2-offset-2:last-child {
-    padding-right: 0; }
-
-.col-2-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 50%;
-  width: 16.66667%; }
-  .col-2-offset-3:last-child {
-    padding-right: 0; }
-
-.col-2-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 66.66667%;
-  width: 16.66667%; }
-  .col-2-offset-4:last-child {
-    padding-right: 0; }
-
-.col-2-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 83.33333%;
-  width: 16.66667%; }
-  .col-2-offset-5:last-child {
-    padding-right: 0; }
-
-.col-2-offset-6 {
-  padding-left: 6em;
-  padding-right: 1em;
-  margin-left: 100%;
-  width: 16.66667%; }
-  .col-2-offset-6:last-child {
-    padding-right: 0; }
-
-.col-2-offset-7 {
-  padding-left: 7em;
-  padding-right: 1em;
-  margin-left: 116.66667%;
-  width: 16.66667%; }
-  .col-2-offset-7:last-child {
-    padding-right: 0; }
-
-.col-2-offset-8 {
-  padding-left: 8em;
-  padding-right: 1em;
-  margin-left: 133.33333%;
-  width: 16.66667%; }
-  .col-2-offset-8:last-child {
-    padding-right: 0; }
-
-.col-2-offset-9 {
-  padding-left: 9em;
-  padding-right: 1em;
-  margin-left: 150%;
-  width: 16.66667%; }
-  .col-2-offset-9:last-child {
-    padding-right: 0; }
-
-.col-2-offset-10 {
-  padding-left: 10em;
-  padding-right: 1em;
-  margin-left: 166.66667%;
-  width: 16.66667%; }
-  .col-2-offset-10:last-child {
-    padding-right: 0; }
-
-.col-3-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 25%;
-  width: 25%; }
-  .col-3-offset-1:last-child {
-    padding-right: 0; }
-
-.col-3-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 50%;
-  width: 25%; }
-  .col-3-offset-2:last-child {
-    padding-right: 0; }
-
-.col-3-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 75%;
-  width: 25%; }
-  .col-3-offset-3:last-child {
-    padding-right: 0; }
-
-.col-3-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 100%;
-  width: 25%; }
-  .col-3-offset-4:last-child {
-    padding-right: 0; }
-
-.col-3-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 125%;
-  width: 25%; }
-  .col-3-offset-5:last-child {
-    padding-right: 0; }
-
-.col-3-offset-6 {
-  padding-left: 6em;
-  padding-right: 1em;
-  margin-left: 150%;
-  width: 25%; }
-  .col-3-offset-6:last-child {
-    padding-right: 0; }
-
-.col-3-offset-7 {
-  padding-left: 7em;
-  padding-right: 1em;
-  margin-left: 175%;
-  width: 25%; }
-  .col-3-offset-7:last-child {
-    padding-right: 0; }
-
-.col-3-offset-8 {
-  padding-left: 8em;
-  padding-right: 1em;
-  margin-left: 200%;
-  width: 25%; }
-  .col-3-offset-8:last-child {
-    padding-right: 0; }
-
-.col-3-offset-9 {
-  padding-left: 9em;
-  padding-right: 1em;
-  margin-left: 225%;
-  width: 25%; }
-  .col-3-offset-9:last-child {
-    padding-right: 0; }
-
-.col-4-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 33.33333%;
-  width: 33.33333%; }
-  .col-4-offset-1:last-child {
-    padding-right: 0; }
-
-.col-4-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 66.66667%;
-  width: 33.33333%; }
-  .col-4-offset-2:last-child {
-    padding-right: 0; }
-
-.col-4-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 100%;
-  width: 33.33333%; }
-  .col-4-offset-3:last-child {
-    padding-right: 0; }
-
-.col-4-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 133.33333%;
-  width: 33.33333%; }
-  .col-4-offset-4:last-child {
-    padding-right: 0; }
-
-.col-4-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 166.66667%;
-  width: 33.33333%; }
-  .col-4-offset-5:last-child {
-    padding-right: 0; }
-
-.col-4-offset-6 {
-  padding-left: 6em;
-  padding-right: 1em;
-  margin-left: 200%;
-  width: 33.33333%; }
-  .col-4-offset-6:last-child {
-    padding-right: 0; }
-
-.col-4-offset-7 {
-  padding-left: 7em;
-  padding-right: 1em;
-  margin-left: 233.33333%;
-  width: 33.33333%; }
-  .col-4-offset-7:last-child {
-    padding-right: 0; }
-
-.col-4-offset-8 {
-  padding-left: 8em;
-  padding-right: 1em;
-  margin-left: 266.66667%;
-  width: 33.33333%; }
-  .col-4-offset-8:last-child {
-    padding-right: 0; }
-
-.col-5-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 41.66667%;
-  width: 41.66667%; }
-  .col-5-offset-1:last-child {
-    padding-right: 0; }
-
-.col-5-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 83.33333%;
-  width: 41.66667%; }
-  .col-5-offset-2:last-child {
-    padding-right: 0; }
-
-.col-5-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 125%;
-  width: 41.66667%; }
-  .col-5-offset-3:last-child {
-    padding-right: 0; }
-
-.col-5-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 166.66667%;
-  width: 41.66667%; }
-  .col-5-offset-4:last-child {
-    padding-right: 0; }
-
-.col-5-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 208.33333%;
-  width: 41.66667%; }
-  .col-5-offset-5:last-child {
-    padding-right: 0; }
-
-.col-5-offset-6 {
-  padding-left: 6em;
-  padding-right: 1em;
-  margin-left: 250%;
-  width: 41.66667%; }
-  .col-5-offset-6:last-child {
-    padding-right: 0; }
-
-.col-5-offset-7 {
-  padding-left: 7em;
-  padding-right: 1em;
-  margin-left: 291.66667%;
-  width: 41.66667%; }
-  .col-5-offset-7:last-child {
-    padding-right: 0; }
-
-.col-6-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 50%;
-  width: 50%; }
-  .col-6-offset-1:last-child {
-    padding-right: 0; }
-
-.col-6-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 100%;
-  width: 50%; }
-  .col-6-offset-2:last-child {
-    padding-right: 0; }
-
-.col-6-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 150%;
-  width: 50%; }
-  .col-6-offset-3:last-child {
-    padding-right: 0; }
-
-.col-6-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 200%;
-  width: 50%; }
-  .col-6-offset-4:last-child {
-    padding-right: 0; }
-
-.col-6-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 250%;
-  width: 50%; }
-  .col-6-offset-5:last-child {
-    padding-right: 0; }
-
-.col-6-offset-6 {
-  padding-left: 6em;
-  padding-right: 1em;
-  margin-left: 300%;
-  width: 50%; }
-  .col-6-offset-6:last-child {
-    padding-right: 0; }
-
-.col-7-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 58.33333%;
-  width: 58.33333%; }
-  .col-7-offset-1:last-child {
-    padding-right: 0; }
-
-.col-7-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 116.66667%;
-  width: 58.33333%; }
-  .col-7-offset-2:last-child {
-    padding-right: 0; }
-
-.col-7-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 175%;
-  width: 58.33333%; }
-  .col-7-offset-3:last-child {
-    padding-right: 0; }
-
-.col-7-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 233.33333%;
-  width: 58.33333%; }
-  .col-7-offset-4:last-child {
-    padding-right: 0; }
-
-.col-7-offset-5 {
-  padding-left: 5em;
-  padding-right: 1em;
-  margin-left: 291.66667%;
-  width: 58.33333%; }
-  .col-7-offset-5:last-child {
-    padding-right: 0; }
-
-.col-8-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 66.66667%;
-  width: 66.66667%; }
-  .col-8-offset-1:last-child {
-    padding-right: 0; }
-
-.col-8-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 133.33333%;
-  width: 66.66667%; }
-  .col-8-offset-2:last-child {
-    padding-right: 0; }
-
-.col-8-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 200%;
-  width: 66.66667%; }
-  .col-8-offset-3:last-child {
-    padding-right: 0; }
-
-.col-8-offset-4 {
-  padding-left: 4em;
-  padding-right: 1em;
-  margin-left: 266.66667%;
-  width: 66.66667%; }
-  .col-8-offset-4:last-child {
-    padding-right: 0; }
-
-.col-9-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 75%;
-  width: 75%; }
-  .col-9-offset-1:last-child {
-    padding-right: 0; }
-
-.col-9-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 150%;
-  width: 75%; }
-  .col-9-offset-2:last-child {
-    padding-right: 0; }
-
-.col-9-offset-3 {
-  padding-left: 3em;
-  padding-right: 1em;
-  margin-left: 225%;
-  width: 75%; }
-  .col-9-offset-3:last-child {
-    padding-right: 0; }
-
-.col-10-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 83.33333%;
-  width: 83.33333%; }
-  .col-10-offset-1:last-child {
-    padding-right: 0; }
-
-.col-10-offset-2 {
-  padding-left: 2em;
-  padding-right: 1em;
-  margin-left: 166.66667%;
-  width: 83.33333%; }
-  .col-10-offset-2:last-child {
-    padding-right: 0; }
-
-.col-11-offset-1 {
-  padding-left: 1em;
-  padding-right: 1em;
-  margin-left: 91.66667%;
-  width: 91.66667%; }
-  .col-11-offset-1:last-child {
-    padding-right: 0; }
-
-.col.float-right {
-  float: right;
-  padding-right: 0;
-  padding-left: 1em; }
-
-body, html {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  font-family: sans-serif;
-  font-style: normal;
-  margin: 0;
-  padding: 0; }
-
-body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs {
-  padding-top: 24px !important; }
-
-header[role="banner"] {
-  background-color: #fff;
-  overflow: visible;
-  position: fixed;
-  z-index: 10;
-  width: 100vw;
-  height: 80px; }
-  header[role="banner"] .wrapper .header-block {
-    min-height: 15px;
-    font-size: 0; }
-    header[role="banner"] .wrapper .header-block.header-right {
-      text-align: right; }
-    header[role="banner"] .wrapper .header-block > * {
-      display: inline-block;
-      vertical-align: top;
-      font-size: 16px;
-      text-align: left; }
-
-main[role="main"] {
-  padding-top: 80px; }
-
-body {
-  font-size: 16px;
-  font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
-  font-weight: 500;
-  font-style: normal;
-  line-height: 1.3; }
-
-aside.messages {
-  border: none; }
-
-header[role="banner"] {
-  padding: 0.2em 0 0 0; }
-  header[role="banner"] #block-sitebranding h1 {
-    margin: 0;
-    line-height: 1; }
-  header[role="banner"] #block-userlogin {
-    position: relative;
-    width: 8em;
-    overflow: visible; }
-    header[role="banner"] #block-userlogin h2 {
-      margin: 0;
-      font-size: 1em;
-      font-weight: 400; }
-    header[role="banner"] #block-userlogin > section {
-      background-color: #fff;
-      overflow: hidden;
-      width: 11em;
-      height: 1px;
-      padding: 0.01em 1em;
-      box-sizing: content-box;
-      transition: all 0.4s ease-in-out;
-      transition-delay: 2s;
-      position: absolute;
-      right: 0;
-      top: 1.7em;
-      box-sizing: content-box; }
-    header[role="banner"] #block-userlogin:hover > section {
-      transition-delay: 0s;
-      height: 12em;
-      padding: 1em 1em;
-      box-shadow: 0 0 10px #ccc; }
-    header[role="banner"] #block-userlogin .form-item {
-      margin: 0;
-      position: relative;
-      width: 100%; }
-      header[role="banner"] #block-userlogin .form-item.form-item-name {
-        margin: 2px 0 0.5em 0; }
-        header[role="banner"] #block-userlogin .form-item.form-item-name input {
-          width: 90%;
-          padding: 0;
-          box-sizing: content-box; }
-      header[role="banner"] #block-userlogin .form-item.form-item-pass {
-        margin: 0 0 0.5em 0; }
-        header[role="banner"] #block-userlogin .form-item.form-item-pass input {
-          width: 90%;
-          padding: 0;
-          box-sizing: content-box; }
-      header[role="banner"] #block-userlogin .form-item.form-item-persistent-login {
-        font-size: 0.756em; }
-        header[role="banner"] #block-userlogin .form-item.form-item-persistent-login label {
-          vertical-align: top; }
-    header[role="banner"] #block-userlogin #edit-actions {
-      margin: 0; }
-    header[role="banner"] #block-userlogin .item-list ul {
-      margin: 0; }
-      header[role="banner"] #block-userlogin .item-list ul li {
-        list-style: none;
-        margin: 0; }
-        header[role="banner"] #block-userlogin .item-list ul li a {
-          font-size: 0.756em; }
-  header[role="banner"] #block-languageswitcher h2 {
-    margin: 0.1em 0 0 0;
-    font-size: 0.756em;
-    font-weight: 400;
-    padding: 0.1em 0.4em 0.2em;
-    border-radius: 3px;
-    background-color: #444;
-    color: #fff;
-    display: inline-block;
-    vertical-align: top; }
-  header[role="banner"] #block-languageswitcher > ul.links {
-    overflow: hidden;
-    width: 5em;
-    height: 1px;
-    padding: 0.01em 0;
-    margin: 0;
-    box-sizing: content-box;
-    transition: all 0.4s ease-in-out; }
-  header[role="banner"] #block-languageswitcher:hover > ul.links {
-    transition-delay: 0s;
-    height: 2em;
-    padding: 0.3em 0; }
-  header[role="banner"] #block-languageswitcher li {
-    list-style: none;
-    padding: 0; }
-    header[role="banner"] #block-languageswitcher li.is-active {
-      display: none; }
-    header[role="banner"] #block-languageswitcher li a {
-      margin: 0;
-      font-size: 0.756em;
-      font-weight: 400;
-      padding: 0.2em 0.4em;
-      border-radius: 3px;
-      background-color: #444;
-      color: #fff; }
-
-aside.messages {
-  padding: 0; }
-
-#materio-sapi-search-form .form-item, #materio-sapi-search-form input.button {
-  display: inline-block; }
-
-article.node--type-frontpage .node__content .field--name-field-what-is-materio:not(:nth-child(1)),
-article.node--type-frontpage .node__content .field--name-field-a-database:not(:nth-child(1)),
-article.node--type-frontpage .node__content .field--name-field-showrooms:not(:nth-child(1)),
-article.node--type-frontpage .node__content .field--name-field-blabla:not(:nth-child(1)),
-article.node--type-frontpage .node__content .field--name-field-pricing:not(:nth-child(1)) {
-  margin-top: 1em; }
-
-article.node--type-frontpage .node__content .field--name-field-what-is-materio .field__label,
-article.node--type-frontpage .node__content .field--name-field-a-database .field__label,
-article.node--type-frontpage .node__content .field--name-field-showrooms .field__label,
-article.node--type-frontpage .node__content .field--name-field-blabla .field__label,
-article.node--type-frontpage .node__content .field--name-field-pricing .field__label {
-  font-size: 2.2em;
-  font-weight: bold; }
-
-article.node--type-frontpage .node__content .field--name-computed-materials-reference .field__item,
-article.node--type-frontpage .node__content .field--name-computed-showrooms-reference .field__item,
-article.node--type-frontpage .node__content .field--name-computed-articles-reference .field__item {
-  display: inline-block;
-  vertical-align: top;
-  max-width: 250px; }
-
-.cards-list > ul {
-  margin: 0;
-  padding: 0; }
-  .cards-list > ul > li {
-    list-style: none;
-    margin: 0 1em 1em 0;
-    padding: 0;
-    display: inline-block;
-    vertical-align: top; }
-
-.card {
-  position: relative;
-  width: 210px;
-  height: 295px; }
-  .card header {
-    position: absolute;
-    bottom: 0;
-    z-index: 10;
-    color: #fff;
-    background-color: rgba(0, 0, 0, 0.5);
-    width: 100%; }
-    .card header h1, .card header h4 {
-      margin: 0;
-      padding: 0; }
-    .card header h1 {
-      font-size: 1.5em; }
-    .card header h4 {
-      font-size: 1em;
-      font-weight: normal; }
-  .card section.images {
-    position: relative; }
-    .card section.images, .card section.images * {
-      width: 100%;
-      height: 100%; }
-    .card section.images figure {
-      margin: 0;
-      position: absolute;
-      top: 0;
-      left: 0; }
-      .card section.images figure:first-of-type {
-        z-index: 5; }
-      .card section.images figure img.blank {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 20; }
-
diff --git a/web/themes/custom/materiotheme/assets/dist/main.js b/web/themes/custom/materiotheme/assets/dist/main.js
index 15c3cfc..46074e9 100644
--- a/web/themes/custom/materiotheme/assets/dist/main.js
+++ b/web/themes/custom/materiotheme/assets/dist/main.js
@@ -488,7 +488,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar urlEscape = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/url-escape.js */ \"./node_modules/css-loader/dist/runtime/url-escape.js\");\nvar ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__(/*! ../img/search.png */ \"./web/themes/custom/materiotheme/assets/img/search.png\"));\n\n// Module\nexports.push([module.i, \"body {\\n  background: white; }\\n\\na {\\n  color: inherit;\\n  text-decoration: none; }\\n\\na, a:focus, a:active {\\n  outline: none; }\\n\\na:focus {\\n  -moz-outline-style: none; }\\n\\n.col-1, .small-col-1, .med-col-1, .large-col-1, .col-2, .small-col-2, .med-col-2, .large-col-2, .col-3, .small-col-3, .med-col-3, .large-col-3, .col-4, .small-col-4, .med-col-4, .large-col-4, .col-5, .small-col-5, .med-col-5, .large-col-5, .col-6, .small-col-6, .med-col-6, .large-col-6, .col-7, .small-col-7, .med-col-7, .large-col-7, .col-8, .small-col-8, .med-col-8, .large-col-8, .col-9, .small-col-9, .med-col-9, .large-col-9, .col-10, .small-col-10, .med-col-10, .large-col-10, .col-11, .small-col-11, .med-col-11, .large-col-11, .col-12, .small-col-12, .med-col-12, .large-col-12, .col-1-offset-1, .col-1-offset-2, .col-1-offset-3, .col-1-offset-4, .col-1-offset-5, .col-1-offset-6, .col-1-offset-7, .col-1-offset-8, .col-1-offset-9, .col-1-offset-10, .col-1-offset-11, .col-2-offset-1, .col-2-offset-2, .col-2-offset-3, .col-2-offset-4, .col-2-offset-5, .col-2-offset-6, .col-2-offset-7, .col-2-offset-8, .col-2-offset-9, .col-2-offset-10, .col-3-offset-1, .col-3-offset-2, .col-3-offset-3, .col-3-offset-4, .col-3-offset-5, .col-3-offset-6, .col-3-offset-7, .col-3-offset-8, .col-3-offset-9, .col-4-offset-1, .col-4-offset-2, .col-4-offset-3, .col-4-offset-4, .col-4-offset-5, .col-4-offset-6, .col-4-offset-7, .col-4-offset-8, .col-5-offset-1, .col-5-offset-2, .col-5-offset-3, .col-5-offset-4, .col-5-offset-5, .col-5-offset-6, .col-5-offset-7, .col-6-offset-1, .col-6-offset-2, .col-6-offset-3, .col-6-offset-4, .col-6-offset-5, .col-6-offset-6, .col-7-offset-1, .col-7-offset-2, .col-7-offset-3, .col-7-offset-4, .col-7-offset-5, .col-8-offset-1, .col-8-offset-2, .col-8-offset-3, .col-8-offset-4, .col-9-offset-1, .col-9-offset-2, .col-9-offset-3, .col-10-offset-1, .col-10-offset-2, .col-11-offset-1 {\\n  width: 100%;\\n  float: left;\\n  box-sizing: border-box; }\\n\\n.row {\\n  position: relative; }\\n  .row:after {\\n    content: \\\"\\\";\\n    clear: both;\\n    display: block; }\\n\\n.col-1 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 8.33333%; }\\n  .col-1:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-1 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 8.33333%; }\\n    .small-col-1:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-1 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 8.33333%; }\\n    .med-col-1:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-1 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 8.33333%; }\\n    .large-col-1:last-child {\\n      padding-right: 0; } }\\n\\n.col-2 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 16.66667%; }\\n  .col-2:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-2 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 16.66667%; }\\n    .small-col-2:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-2 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 16.66667%; }\\n    .med-col-2:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-2 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 16.66667%; }\\n    .large-col-2:last-child {\\n      padding-right: 0; } }\\n\\n.col-3 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 25%; }\\n  .col-3:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-3 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 25%; }\\n    .small-col-3:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-3 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 25%; }\\n    .med-col-3:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-3 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 25%; }\\n    .large-col-3:last-child {\\n      padding-right: 0; } }\\n\\n.col-4 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 33.33333%; }\\n  .col-4:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-4 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 33.33333%; }\\n    .small-col-4:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-4 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 33.33333%; }\\n    .med-col-4:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-4 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 33.33333%; }\\n    .large-col-4:last-child {\\n      padding-right: 0; } }\\n\\n.col-5 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 41.66667%; }\\n  .col-5:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-5 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 41.66667%; }\\n    .small-col-5:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-5 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 41.66667%; }\\n    .med-col-5:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-5 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 41.66667%; }\\n    .large-col-5:last-child {\\n      padding-right: 0; } }\\n\\n.col-6 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 50%; }\\n  .col-6:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-6 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 50%; }\\n    .small-col-6:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-6 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 50%; }\\n    .med-col-6:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-6 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 50%; }\\n    .large-col-6:last-child {\\n      padding-right: 0; } }\\n\\n.col-7 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 58.33333%; }\\n  .col-7:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-7 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 58.33333%; }\\n    .small-col-7:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-7 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 58.33333%; }\\n    .med-col-7:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-7 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 58.33333%; }\\n    .large-col-7:last-child {\\n      padding-right: 0; } }\\n\\n.col-8 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 66.66667%; }\\n  .col-8:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-8 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 66.66667%; }\\n    .small-col-8:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-8 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 66.66667%; }\\n    .med-col-8:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-8 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 66.66667%; }\\n    .large-col-8:last-child {\\n      padding-right: 0; } }\\n\\n.col-9 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 75%; }\\n  .col-9:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-9 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 75%; }\\n    .small-col-9:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-9 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 75%; }\\n    .med-col-9:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-9 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 75%; }\\n    .large-col-9:last-child {\\n      padding-right: 0; } }\\n\\n.col-10 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 83.33333%; }\\n  .col-10:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-10 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 83.33333%; }\\n    .small-col-10:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-10 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 83.33333%; }\\n    .med-col-10:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-10 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 83.33333%; }\\n    .large-col-10:last-child {\\n      padding-right: 0; } }\\n\\n.col-11 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 91.66667%; }\\n  .col-11:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-11 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 91.66667%; }\\n    .small-col-11:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-11 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 91.66667%; }\\n    .med-col-11:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-11 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 91.66667%; }\\n    .large-col-11:last-child {\\n      padding-right: 0; } }\\n\\n.col-12 {\\n  padding-left: 0em;\\n  padding-right: 0;\\n  margin-left: 0%;\\n  width: 100%; }\\n  .col-12:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-12 {\\n    padding-left: 0em;\\n    padding-right: 0;\\n    margin-left: 0%;\\n    width: 100%; }\\n    .small-col-12:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-12 {\\n    padding-left: 0em;\\n    padding-right: 0;\\n    margin-left: 0%;\\n    width: 100%; }\\n    .med-col-12:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-12 {\\n    padding-left: 0em;\\n    padding-right: 0;\\n    margin-left: 0%;\\n    width: 100%; }\\n    .large-col-12:last-child {\\n      padding-right: 0; } }\\n\\n.col-1-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 8.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 16.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 25%;\\n  width: 8.33333%; }\\n  .col-1-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 33.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 41.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 8.33333%; }\\n  .col-1-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 58.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-9 {\\n  padding-left: 9em;\\n  padding-right: 1em;\\n  margin-left: 75%;\\n  width: 8.33333%; }\\n  .col-1-offset-9:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-10 {\\n  padding-left: 10em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-10:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-11 {\\n  padding-left: 11em;\\n  padding-right: 1em;\\n  margin-left: 91.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-11:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 16.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 33.33333%;\\n  width: 16.66667%; }\\n  .col-2-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 16.66667%; }\\n  .col-2-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 16.66667%; }\\n  .col-2-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 16.66667%; }\\n  .col-2-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 116.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 133.33333%;\\n  width: 16.66667%; }\\n  .col-2-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-9 {\\n  padding-left: 9em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 16.66667%; }\\n  .col-2-offset-9:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-10 {\\n  padding-left: 10em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-10:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 25%;\\n  width: 25%; }\\n  .col-3-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 25%; }\\n  .col-3-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 75%;\\n  width: 25%; }\\n  .col-3-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 25%; }\\n  .col-3-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 125%;\\n  width: 25%; }\\n  .col-3-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 25%; }\\n  .col-3-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 175%;\\n  width: 25%; }\\n  .col-3-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 25%; }\\n  .col-3-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-9 {\\n  padding-left: 9em;\\n  padding-right: 1em;\\n  margin-left: 225%;\\n  width: 25%; }\\n  .col-3-offset-9:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 33.33333%;\\n  width: 33.33333%; }\\n  .col-4-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 33.33333%; }\\n  .col-4-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 33.33333%; }\\n  .col-4-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 133.33333%;\\n  width: 33.33333%; }\\n  .col-4-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 33.33333%; }\\n  .col-4-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 33.33333%; }\\n  .col-4-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 233.33333%;\\n  width: 33.33333%; }\\n  .col-4-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 266.66667%;\\n  width: 33.33333%; }\\n  .col-4-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 41.66667%;\\n  width: 41.66667%; }\\n  .col-5-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 41.66667%; }\\n  .col-5-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 125%;\\n  width: 41.66667%; }\\n  .col-5-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 41.66667%; }\\n  .col-5-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 208.33333%;\\n  width: 41.66667%; }\\n  .col-5-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 250%;\\n  width: 41.66667%; }\\n  .col-5-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 291.66667%;\\n  width: 41.66667%; }\\n  .col-5-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 50%; }\\n  .col-6-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 50%; }\\n  .col-6-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 50%; }\\n  .col-6-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 50%; }\\n  .col-6-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 250%;\\n  width: 50%; }\\n  .col-6-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 300%;\\n  width: 50%; }\\n  .col-6-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 58.33333%;\\n  width: 58.33333%; }\\n  .col-7-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 116.66667%;\\n  width: 58.33333%; }\\n  .col-7-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 175%;\\n  width: 58.33333%; }\\n  .col-7-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 233.33333%;\\n  width: 58.33333%; }\\n  .col-7-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 291.66667%;\\n  width: 58.33333%; }\\n  .col-7-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 66.66667%; }\\n  .col-8-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 133.33333%;\\n  width: 66.66667%; }\\n  .col-8-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 66.66667%; }\\n  .col-8-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 266.66667%;\\n  width: 66.66667%; }\\n  .col-8-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-9-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 75%;\\n  width: 75%; }\\n  .col-9-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-9-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 75%; }\\n  .col-9-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-9-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 225%;\\n  width: 75%; }\\n  .col-9-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-10-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 83.33333%; }\\n  .col-10-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-10-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 83.33333%; }\\n  .col-10-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-11-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 91.66667%;\\n  width: 91.66667%; }\\n  .col-11-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col.float-right {\\n  float: right;\\n  padding-right: 0;\\n  padding-left: 1em; }\\n\\nbody, html {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  font-family: sans-serif;\\n  font-style: normal;\\n  margin: 0;\\n  padding: 0; }\\n\\nbody {\\n  overflow-x: hidden; }\\n\\ndiv.dialog-off-canvas-main-canvas {\\n  width: 100vw; }\\n\\nbody.toolbar-horizontal.toolbar-themes.toolbar-no-tabs {\\n  padding-top: 24px !important; }\\n\\nheader[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n  margin: 0 auto; }\\n  @media only screen and (min-width: 226px) and (max-width: 450px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 210px; } }\\n  @media only screen and (min-width: 451px) and (max-width: 675px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 435px; } }\\n  @media only screen and (min-width: 676px) and (max-width: 900px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 660px; } }\\n  @media only screen and (min-width: 901px) and (max-width: 1125px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 885px; } }\\n  @media only screen and (min-width: 1126px) and (max-width: 1350px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 1110px; } }\\n  @media only screen and (min-width: 1351px) and (max-width: 1575px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 1335px; } }\\n  @media only screen and (min-width: 1576px) and (max-width: 1800px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 1560px; } }\\n  @media only screen and (min-width: 1801px) and (max-width: 2025px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 1785px; } }\\n  @media only screen and (min-width: 2026px) and (max-width: 2250px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 2010px; } }\\n  @media only screen and (min-width: 2251px) and (max-width: 2475px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 2235px; } }\\n  @media only screen and (min-width: 2476px) and (max-width: 2700px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 2460px; } }\\n  @media only screen and (min-width: 2701px) and (max-width: 2925px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 2685px; } }\\n  @media only screen and (min-width: 2926px) and (max-width: 3150px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 2910px; } }\\n  @media only screen and (min-width: 3151px) and (max-width: 3375px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 3135px; } }\\n  @media only screen and (min-width: 3376px) and (max-width: 3600px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 3360px; } }\\n  @media only screen and (min-width: 3601px) and (max-width: 3825px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 3585px; } }\\n  @media only screen and (min-width: 3826px) and (max-width: 4050px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 3810px; } }\\n  @media only screen and (min-width: 4051px) and (max-width: 4275px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] {\\n      width: 4035px; } }\\n\\nheader[role=\\\"banner\\\"] {\\n  background-color: #fff;\\n  overflow: visible;\\n  position: fixed;\\n  z-index: 20;\\n  width: 100vw;\\n  height: 60px; }\\n  header[role=\\\"banner\\\"] .wrapper .header-block {\\n    min-height: 15px;\\n    font-size: 0; }\\n    header[role=\\\"banner\\\"] .wrapper .header-block.header-right {\\n      text-align: right; }\\n    header[role=\\\"banner\\\"] .wrapper .header-block > * {\\n      display: inline-block;\\n      vertical-align: top;\\n      font-size: 16px;\\n      text-align: left; }\\n\\nmain[role=\\\"main\\\"] {\\n  padding-top: 68px; }\\n\\nbody {\\n  font-size: 16px;\\n  font-family: \\\"Ubuntu\\\",Arial,\\\"MS Trebuchet\\\",sans-serif;\\n  font-weight: 500;\\n  font-style: normal;\\n  line-height: 1.3; }\\n\\naside.messages {\\n  border: none; }\\n\\nheader[role=\\\"banner\\\"] {\\n  padding: 0.2em 0 0 0; }\\n  header[role=\\\"banner\\\"] #block-sitebranding h1 {\\n    margin: 0;\\n    line-height: 1; }\\n  header[role=\\\"banner\\\"] #block-userlogin {\\n    position: relative;\\n    width: 8em;\\n    overflow: visible; }\\n    header[role=\\\"banner\\\"] #block-userlogin h2 {\\n      margin: 0;\\n      font-size: 1em;\\n      font-weight: 400; }\\n    header[role=\\\"banner\\\"] #block-userlogin > section {\\n      background-color: #fff;\\n      overflow: hidden;\\n      width: 11em;\\n      height: 1px;\\n      padding: 0.01em 1em;\\n      box-sizing: content-box;\\n      transition: all 0.4s ease-in-out;\\n      transition-delay: 2s;\\n      position: absolute;\\n      right: 0;\\n      top: 1.7em;\\n      box-sizing: content-box; }\\n    header[role=\\\"banner\\\"] #block-userlogin:hover > section {\\n      transition-delay: 0s;\\n      height: 12em;\\n      padding: 1em 1em;\\n      box-shadow: 0 0 10px #ccc; }\\n    header[role=\\\"banner\\\"] #block-userlogin .form-item {\\n      margin: 0;\\n      position: relative;\\n      width: 100%; }\\n      header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-name {\\n        margin: 2px 0 0.5em 0; }\\n        header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-name input {\\n          width: 90%;\\n          padding: 0;\\n          box-sizing: content-box; }\\n      header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-pass {\\n        margin: 0 0 0.5em 0; }\\n        header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-pass input {\\n          width: 90%;\\n          padding: 0;\\n          box-sizing: content-box; }\\n      header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-persistent-login {\\n        font-size: 0.756em; }\\n        header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-persistent-login label {\\n          vertical-align: top; }\\n    header[role=\\\"banner\\\"] #block-userlogin #edit-actions {\\n      margin: 0; }\\n    header[role=\\\"banner\\\"] #block-userlogin .item-list ul {\\n      margin: 0; }\\n      header[role=\\\"banner\\\"] #block-userlogin .item-list ul li {\\n        list-style: none;\\n        margin: 0; }\\n        header[role=\\\"banner\\\"] #block-userlogin .item-list ul li a {\\n          font-size: 0.756em; }\\n  header[role=\\\"banner\\\"] #block-languageswitcher {\\n    text-align: right; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher h2 {\\n      margin: 0.1em 0 0 0;\\n      font-size: 0.756em;\\n      font-weight: 400;\\n      padding: 0.1em 0.4em 0.2em;\\n      border-radius: 3px;\\n      background-color: #444;\\n      color: #fff;\\n      display: inline-block;\\n      vertical-align: top; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher > ul.links {\\n      overflow: hidden;\\n      width: 3.5em;\\n      height: 1px;\\n      padding: 0.01em 0;\\n      margin: 0;\\n      box-sizing: content-box;\\n      transition: all 0.4s ease-in-out; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher:hover > ul.links {\\n      transition-delay: 0s;\\n      height: 2em;\\n      padding: 0.3em 0; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher li {\\n      list-style: none;\\n      padding: 0;\\n      display: inline-block; }\\n      header[role=\\\"banner\\\"] #block-languageswitcher li.is-active {\\n        display: none; }\\n      header[role=\\\"banner\\\"] #block-languageswitcher li a {\\n        margin: 0;\\n        font-size: 0.756em;\\n        font-weight: 400;\\n        padding: 0.2em 0.4em;\\n        border-radius: 3px;\\n        background-color: #444;\\n        color: #fff; }\\n\\naside.messages {\\n  padding: 0; }\\n\\n#content-top:after {\\n  content: \\\"\\\";\\n  clear: both;\\n  display: block; }\\n\\n#block-materiosapisearchblock {\\n  float: right;\\n  display: inline-block;\\n  padding: 0; }\\n  #block-materiosapisearchblock #materio-sapi-search-form .form-item, #block-materiosapisearchblock #materio-sapi-search-form input.button {\\n    display: inline-block; }\\n  #block-materiosapisearchblock #materio-sapi-search-form #edit-search {\\n    border: 1px #BBB solid;\\n    border-radius: 14px;\\n    padding: 0.3em;\\n    color: #666; }\\n  #block-materiosapisearchblock #materio-sapi-search-form #edit-submit {\\n    border: 0;\\n    text-indent: 50px;\\n    overflow: hidden;\\n    width: 20px;\\n    height: 20px;\\n    margin: 0;\\n    background-image: url(\" + ___CSS_LOADER_URL___0___ + \");\\n    background-position: center;\\n    background-repeat: no-repeat;\\n    background-size: contain; }\\n\\nh1.page-title {\\n  margin: 0; }\\n\\narticle.node--type-frontpage .node__content .field--name-field-what-is-materio:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-a-database:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-showrooms:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-blabla:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-pricing:not(:nth-child(1)) {\\n  margin-top: 1em; }\\n\\narticle.node--type-frontpage .node__content .field--name-field-what-is-materio .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-a-database .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-showrooms .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-blabla .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-pricing .field__label {\\n  font-size: 2.2em;\\n  font-weight: bold; }\\n\\narticle.node--type-frontpage .node__content .field--name-computed-showrooms-reference,\\narticle.node--type-frontpage .node__content .field--name-computed-articles-reference {\\n  margin: 0;\\n  padding: 0;\\n  width: calc(100% + 15px); }\\n  article.node--type-frontpage .node__content .field--name-computed-showrooms-reference .field__item,\\n  article.node--type-frontpage .node__content .field--name-computed-articles-reference .field__item {\\n    display: inline-block;\\n    vertical-align: top;\\n    width: 210px;\\n    margin: 0 15px 15px 0;\\n    padding: 0; }\\n    article.node--type-frontpage .node__content .field--name-computed-showrooms-reference .field__item p,\\n    article.node--type-frontpage .node__content .field--name-computed-articles-reference .field__item p {\\n      margin: 0; }\\n\\n.infinite-loading-container .infinite-status-prompt i[class^=\\\"loading-\\\"] {\\n  width: 15px;\\n  height: 15px; }\\n\\n.cards-list {\\n  position: relative; }\\n  .cards-list .search-info {\\n    margin: 0 0 1em 0; }\\n  .cards-list > ul {\\n    margin: 0;\\n    padding: 0;\\n    width: calc(100% + 15px); }\\n    .cards-list > ul > li {\\n      list-style: none;\\n      margin: 0 15px 15px 0;\\n      padding: 0;\\n      display: inline-block;\\n      vertical-align: top; }\\n\\narticle.card {\\n  position: relative;\\n  width: 210px;\\n  height: 295px;\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }\\n  article.card header {\\n    position: absolute;\\n    bottom: 0;\\n    z-index: 10;\\n    color: #000;\\n    background-color: rgba(255, 255, 255, 0.8);\\n    padding: 0.3em 0.3em;\\n    box-sizing: border-box;\\n    width: 100%; }\\n    article.card header h1, article.card header h4 {\\n      margin: 0;\\n      padding: 0; }\\n    article.card header h1 {\\n      font-size: 1.3em;\\n      font-weight: 700;\\n      line-height: 0.8;\\n      margin-bottom: 0.2em; }\\n    article.card header h4 {\\n      font-size: 0.882em;\\n      font-weight: 300;\\n      line-height: 1; }\\n    article.card header span.ref {\\n      font-size: 0.693em;\\n      font-weight: 300;\\n      line-height: 1; }\\n  article.card section.images {\\n    position: relative; }\\n    article.card section.images, article.card section.images * {\\n      width: 100%;\\n      height: 100%; }\\n    article.card section.images figure {\\n      margin: 0;\\n      position: absolute;\\n      top: 0;\\n      left: 0; }\\n      article.card section.images figure:first-of-type {\\n        z-index: 5; }\\n      article.card section.images figure img.blank {\\n        position: absolute;\\n        top: 0;\\n        left: 0;\\n        z-index: 20; }\\n\", \"\"]);\n\n\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/assets/styles/main.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js");
+eval("exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar urlEscape = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/url-escape.js */ \"./node_modules/css-loader/dist/runtime/url-escape.js\");\nvar ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__(/*! ../img/search.png */ \"./web/themes/custom/materiotheme/assets/img/search.png\"));\n\n// Module\nexports.push([module.i, \"body {\\n  background: white; }\\n\\na {\\n  color: inherit;\\n  text-decoration: none; }\\n\\na, a:focus, a:active {\\n  outline: none; }\\n\\na:focus {\\n  -moz-outline-style: none; }\\n\\n.col-1, .small-col-1, .med-col-1, .large-col-1, .col-2, .small-col-2, .med-col-2, .large-col-2, .col-3, .small-col-3, .med-col-3, .large-col-3, .col-4, .small-col-4, .med-col-4, .large-col-4, .col-5, .small-col-5, .med-col-5, .large-col-5, .col-6, .small-col-6, .med-col-6, .large-col-6, .col-7, .small-col-7, .med-col-7, .large-col-7, .col-8, .small-col-8, .med-col-8, .large-col-8, .col-9, .small-col-9, .med-col-9, .large-col-9, .col-10, .small-col-10, .med-col-10, .large-col-10, .col-11, .small-col-11, .med-col-11, .large-col-11, .col-12, .small-col-12, .med-col-12, .large-col-12, .col-1-offset-1, .col-1-offset-2, .col-1-offset-3, .col-1-offset-4, .col-1-offset-5, .col-1-offset-6, .col-1-offset-7, .col-1-offset-8, .col-1-offset-9, .col-1-offset-10, .col-1-offset-11, .col-2-offset-1, .col-2-offset-2, .col-2-offset-3, .col-2-offset-4, .col-2-offset-5, .col-2-offset-6, .col-2-offset-7, .col-2-offset-8, .col-2-offset-9, .col-2-offset-10, .col-3-offset-1, .col-3-offset-2, .col-3-offset-3, .col-3-offset-4, .col-3-offset-5, .col-3-offset-6, .col-3-offset-7, .col-3-offset-8, .col-3-offset-9, .col-4-offset-1, .col-4-offset-2, .col-4-offset-3, .col-4-offset-4, .col-4-offset-5, .col-4-offset-6, .col-4-offset-7, .col-4-offset-8, .col-5-offset-1, .col-5-offset-2, .col-5-offset-3, .col-5-offset-4, .col-5-offset-5, .col-5-offset-6, .col-5-offset-7, .col-6-offset-1, .col-6-offset-2, .col-6-offset-3, .col-6-offset-4, .col-6-offset-5, .col-6-offset-6, .col-7-offset-1, .col-7-offset-2, .col-7-offset-3, .col-7-offset-4, .col-7-offset-5, .col-8-offset-1, .col-8-offset-2, .col-8-offset-3, .col-8-offset-4, .col-9-offset-1, .col-9-offset-2, .col-9-offset-3, .col-10-offset-1, .col-10-offset-2, .col-11-offset-1 {\\n  width: 100%;\\n  float: left;\\n  box-sizing: border-box; }\\n\\n.row {\\n  position: relative; }\\n  .row:after {\\n    content: \\\"\\\";\\n    clear: both;\\n    display: block; }\\n\\n.col-1 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 8.33333%; }\\n  .col-1:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-1 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 8.33333%; }\\n    .small-col-1:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-1 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 8.33333%; }\\n    .med-col-1:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-1 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 8.33333%; }\\n    .large-col-1:last-child {\\n      padding-right: 0; } }\\n\\n.col-2 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 16.66667%; }\\n  .col-2:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-2 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 16.66667%; }\\n    .small-col-2:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-2 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 16.66667%; }\\n    .med-col-2:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-2 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 16.66667%; }\\n    .large-col-2:last-child {\\n      padding-right: 0; } }\\n\\n.col-3 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 25%; }\\n  .col-3:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-3 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 25%; }\\n    .small-col-3:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-3 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 25%; }\\n    .med-col-3:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-3 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 25%; }\\n    .large-col-3:last-child {\\n      padding-right: 0; } }\\n\\n.col-4 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 33.33333%; }\\n  .col-4:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-4 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 33.33333%; }\\n    .small-col-4:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-4 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 33.33333%; }\\n    .med-col-4:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-4 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 33.33333%; }\\n    .large-col-4:last-child {\\n      padding-right: 0; } }\\n\\n.col-5 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 41.66667%; }\\n  .col-5:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-5 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 41.66667%; }\\n    .small-col-5:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-5 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 41.66667%; }\\n    .med-col-5:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-5 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 41.66667%; }\\n    .large-col-5:last-child {\\n      padding-right: 0; } }\\n\\n.col-6 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 50%; }\\n  .col-6:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-6 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 50%; }\\n    .small-col-6:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-6 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 50%; }\\n    .med-col-6:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-6 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 50%; }\\n    .large-col-6:last-child {\\n      padding-right: 0; } }\\n\\n.col-7 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 58.33333%; }\\n  .col-7:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-7 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 58.33333%; }\\n    .small-col-7:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-7 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 58.33333%; }\\n    .med-col-7:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-7 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 58.33333%; }\\n    .large-col-7:last-child {\\n      padding-right: 0; } }\\n\\n.col-8 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 66.66667%; }\\n  .col-8:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-8 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 66.66667%; }\\n    .small-col-8:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-8 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 66.66667%; }\\n    .med-col-8:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-8 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 66.66667%; }\\n    .large-col-8:last-child {\\n      padding-right: 0; } }\\n\\n.col-9 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 75%; }\\n  .col-9:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-9 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 75%; }\\n    .small-col-9:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-9 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 75%; }\\n    .med-col-9:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-9 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 75%; }\\n    .large-col-9:last-child {\\n      padding-right: 0; } }\\n\\n.col-10 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 83.33333%; }\\n  .col-10:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-10 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 83.33333%; }\\n    .small-col-10:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-10 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 83.33333%; }\\n    .med-col-10:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-10 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 83.33333%; }\\n    .large-col-10:last-child {\\n      padding-right: 0; } }\\n\\n.col-11 {\\n  padding-left: 0em;\\n  padding-right: 1em;\\n  margin-left: 0%;\\n  width: 91.66667%; }\\n  .col-11:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-11 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 91.66667%; }\\n    .small-col-11:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-11 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 91.66667%; }\\n    .med-col-11:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-11 {\\n    padding-left: 0em;\\n    padding-right: 1em;\\n    margin-left: 0%;\\n    width: 91.66667%; }\\n    .large-col-11:last-child {\\n      padding-right: 0; } }\\n\\n.col-12 {\\n  padding-left: 0em;\\n  padding-right: 0;\\n  margin-left: 0%;\\n  width: 100%; }\\n  .col-12:last-child {\\n    padding-right: 0; }\\n\\n@media only screen and (max-width: 768px) {\\n  .small-col-12 {\\n    padding-left: 0em;\\n    padding-right: 0;\\n    margin-left: 0%;\\n    width: 100%; }\\n    .small-col-12:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\\n  .med-col-12 {\\n    padding-left: 0em;\\n    padding-right: 0;\\n    margin-left: 0%;\\n    width: 100%; }\\n    .med-col-12:last-child {\\n      padding-right: 0; } }\\n\\n@media only screen and (min-width: 1081px) {\\n  .large-col-12 {\\n    padding-left: 0em;\\n    padding-right: 0;\\n    margin-left: 0%;\\n    width: 100%; }\\n    .large-col-12:last-child {\\n      padding-right: 0; } }\\n\\n.col-1-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 8.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 16.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 25%;\\n  width: 8.33333%; }\\n  .col-1-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 33.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 41.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 8.33333%; }\\n  .col-1-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 58.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-9 {\\n  padding-left: 9em;\\n  padding-right: 1em;\\n  margin-left: 75%;\\n  width: 8.33333%; }\\n  .col-1-offset-9:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-10 {\\n  padding-left: 10em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 8.33333%; }\\n  .col-1-offset-10:last-child {\\n    padding-right: 0; }\\n\\n.col-1-offset-11 {\\n  padding-left: 11em;\\n  padding-right: 1em;\\n  margin-left: 91.66667%;\\n  width: 8.33333%; }\\n  .col-1-offset-11:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 16.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 33.33333%;\\n  width: 16.66667%; }\\n  .col-2-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 16.66667%; }\\n  .col-2-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 16.66667%; }\\n  .col-2-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 16.66667%; }\\n  .col-2-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 116.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 133.33333%;\\n  width: 16.66667%; }\\n  .col-2-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-9 {\\n  padding-left: 9em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 16.66667%; }\\n  .col-2-offset-9:last-child {\\n    padding-right: 0; }\\n\\n.col-2-offset-10 {\\n  padding-left: 10em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 16.66667%; }\\n  .col-2-offset-10:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 25%;\\n  width: 25%; }\\n  .col-3-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 25%; }\\n  .col-3-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 75%;\\n  width: 25%; }\\n  .col-3-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 25%; }\\n  .col-3-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 125%;\\n  width: 25%; }\\n  .col-3-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 25%; }\\n  .col-3-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 175%;\\n  width: 25%; }\\n  .col-3-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 25%; }\\n  .col-3-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-3-offset-9 {\\n  padding-left: 9em;\\n  padding-right: 1em;\\n  margin-left: 225%;\\n  width: 25%; }\\n  .col-3-offset-9:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 33.33333%;\\n  width: 33.33333%; }\\n  .col-4-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 33.33333%; }\\n  .col-4-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 33.33333%; }\\n  .col-4-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 133.33333%;\\n  width: 33.33333%; }\\n  .col-4-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 33.33333%; }\\n  .col-4-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 33.33333%; }\\n  .col-4-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 233.33333%;\\n  width: 33.33333%; }\\n  .col-4-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-4-offset-8 {\\n  padding-left: 8em;\\n  padding-right: 1em;\\n  margin-left: 266.66667%;\\n  width: 33.33333%; }\\n  .col-4-offset-8:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 41.66667%;\\n  width: 41.66667%; }\\n  .col-5-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 41.66667%; }\\n  .col-5-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 125%;\\n  width: 41.66667%; }\\n  .col-5-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 41.66667%; }\\n  .col-5-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 208.33333%;\\n  width: 41.66667%; }\\n  .col-5-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 250%;\\n  width: 41.66667%; }\\n  .col-5-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-5-offset-7 {\\n  padding-left: 7em;\\n  padding-right: 1em;\\n  margin-left: 291.66667%;\\n  width: 41.66667%; }\\n  .col-5-offset-7:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 50%;\\n  width: 50%; }\\n  .col-6-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 100%;\\n  width: 50%; }\\n  .col-6-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 50%; }\\n  .col-6-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 50%; }\\n  .col-6-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 250%;\\n  width: 50%; }\\n  .col-6-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-6-offset-6 {\\n  padding-left: 6em;\\n  padding-right: 1em;\\n  margin-left: 300%;\\n  width: 50%; }\\n  .col-6-offset-6:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 58.33333%;\\n  width: 58.33333%; }\\n  .col-7-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 116.66667%;\\n  width: 58.33333%; }\\n  .col-7-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 175%;\\n  width: 58.33333%; }\\n  .col-7-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 233.33333%;\\n  width: 58.33333%; }\\n  .col-7-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-7-offset-5 {\\n  padding-left: 5em;\\n  padding-right: 1em;\\n  margin-left: 291.66667%;\\n  width: 58.33333%; }\\n  .col-7-offset-5:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 66.66667%;\\n  width: 66.66667%; }\\n  .col-8-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 133.33333%;\\n  width: 66.66667%; }\\n  .col-8-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 200%;\\n  width: 66.66667%; }\\n  .col-8-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-8-offset-4 {\\n  padding-left: 4em;\\n  padding-right: 1em;\\n  margin-left: 266.66667%;\\n  width: 66.66667%; }\\n  .col-8-offset-4:last-child {\\n    padding-right: 0; }\\n\\n.col-9-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 75%;\\n  width: 75%; }\\n  .col-9-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-9-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 150%;\\n  width: 75%; }\\n  .col-9-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-9-offset-3 {\\n  padding-left: 3em;\\n  padding-right: 1em;\\n  margin-left: 225%;\\n  width: 75%; }\\n  .col-9-offset-3:last-child {\\n    padding-right: 0; }\\n\\n.col-10-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 83.33333%;\\n  width: 83.33333%; }\\n  .col-10-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col-10-offset-2 {\\n  padding-left: 2em;\\n  padding-right: 1em;\\n  margin-left: 166.66667%;\\n  width: 83.33333%; }\\n  .col-10-offset-2:last-child {\\n    padding-right: 0; }\\n\\n.col-11-offset-1 {\\n  padding-left: 1em;\\n  padding-right: 1em;\\n  margin-left: 91.66667%;\\n  width: 91.66667%; }\\n  .col-11-offset-1:last-child {\\n    padding-right: 0; }\\n\\n.col.float-right {\\n  float: right;\\n  padding-right: 0;\\n  padding-left: 1em; }\\n\\nbody, html {\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  font-family: sans-serif;\\n  font-style: normal;\\n  margin: 0;\\n  padding: 0; }\\n\\nbody {\\n  overflow-x: hidden; }\\n\\ndiv.dialog-off-canvas-main-canvas {\\n  width: 100vw;\\n  height: 100vh;\\n  display: flex;\\n  flex-direction: column; }\\n\\nbody.toolbar-horizontal.toolbar-themes.toolbar-no-tabs {\\n  padding-top: 24px !important; }\\n\\nheader[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n  margin: 0 auto; }\\n  @media only screen and (min-width: 226px) and (max-width: 450px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 210px; } }\\n  @media only screen and (min-width: 451px) and (max-width: 675px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 435px; } }\\n  @media only screen and (min-width: 676px) and (max-width: 900px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 660px; } }\\n  @media only screen and (min-width: 901px) and (max-width: 1125px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 885px; } }\\n  @media only screen and (min-width: 1126px) and (max-width: 1350px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 1110px; } }\\n  @media only screen and (min-width: 1351px) and (max-width: 1575px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 1335px; } }\\n  @media only screen and (min-width: 1576px) and (max-width: 1800px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 1560px; } }\\n  @media only screen and (min-width: 1801px) and (max-width: 2025px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 1785px; } }\\n  @media only screen and (min-width: 2026px) and (max-width: 2250px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 2010px; } }\\n  @media only screen and (min-width: 2251px) and (max-width: 2475px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 2235px; } }\\n  @media only screen and (min-width: 2476px) and (max-width: 2700px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 2460px; } }\\n  @media only screen and (min-width: 2701px) and (max-width: 2925px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 2685px; } }\\n  @media only screen and (min-width: 2926px) and (max-width: 3150px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 2910px; } }\\n  @media only screen and (min-width: 3151px) and (max-width: 3375px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 3135px; } }\\n  @media only screen and (min-width: 3376px) and (max-width: 3600px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 3360px; } }\\n  @media only screen and (min-width: 3601px) and (max-width: 3825px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 3585px; } }\\n  @media only screen and (min-width: 3826px) and (max-width: 4050px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 3810px; } }\\n  @media only screen and (min-width: 4051px) and (max-width: 4275px) {\\n    header[role=\\\"banner\\\"] .wrapper, main[role=\\\"main\\\"] > .wrapper > * {\\n      width: 4035px; } }\\n\\nheader[role=\\\"banner\\\"] {\\n  flex: 0 0 auto;\\n  background-color: #fff;\\n  width: 100vw; }\\n  header[role=\\\"banner\\\"] .wrapper {\\n    background-color: #fff; }\\n    header[role=\\\"banner\\\"] .wrapper:after {\\n      content: \\\"\\\";\\n      clear: both;\\n      display: block; }\\n    header[role=\\\"banner\\\"] .wrapper .header-block {\\n      min-height: 15px;\\n      font-size: 0; }\\n      header[role=\\\"banner\\\"] .wrapper .header-block.header-right {\\n        text-align: right; }\\n      header[role=\\\"banner\\\"] .wrapper .header-block > * {\\n        display: inline-block;\\n        vertical-align: top;\\n        font-size: 16px;\\n        text-align: left; }\\n\\nmain[role=\\\"main\\\"] {\\n  flex: 1 1 auto;\\n  overflow-y: auto;\\n  overflow-x: hidden; }\\n  main[role=\\\"main\\\"] > .wrapper {\\n    width: 100vw; }\\n\\nbody {\\n  font-size: 16px;\\n  font-family: \\\"Ubuntu\\\",Arial,\\\"MS Trebuchet\\\",sans-serif;\\n  font-weight: 500;\\n  font-style: normal;\\n  line-height: 1.3; }\\n\\naside.messages {\\n  border: none; }\\n\\nheader[role=\\\"banner\\\"] {\\n  padding: 0.2em 0 0 0; }\\n  header[role=\\\"banner\\\"] #block-sitebranding h1 {\\n    margin: 0;\\n    line-height: 1; }\\n  header[role=\\\"banner\\\"] #block-userlogin {\\n    position: relative;\\n    width: 8em;\\n    overflow: visible; }\\n    header[role=\\\"banner\\\"] #block-userlogin h2 {\\n      margin: 0;\\n      font-size: 1em;\\n      font-weight: 400; }\\n    header[role=\\\"banner\\\"] #block-userlogin > section {\\n      background-color: #fff;\\n      overflow: hidden;\\n      width: 11em;\\n      height: 1px;\\n      padding: 0.01em 1em;\\n      box-sizing: content-box;\\n      transition: all 0.4s ease-in-out;\\n      transition-delay: 2s;\\n      position: absolute;\\n      right: 0;\\n      top: 1.7em;\\n      box-sizing: content-box; }\\n    header[role=\\\"banner\\\"] #block-userlogin:hover > section {\\n      transition-delay: 0s;\\n      height: 12em;\\n      padding: 1em 1em;\\n      box-shadow: 0 0 10px #ccc; }\\n    header[role=\\\"banner\\\"] #block-userlogin .form-item {\\n      margin: 0;\\n      position: relative;\\n      width: 100%; }\\n      header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-name {\\n        margin: 2px 0 0.5em 0; }\\n        header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-name input {\\n          width: 90%;\\n          padding: 0;\\n          box-sizing: content-box; }\\n      header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-pass {\\n        margin: 0 0 0.5em 0; }\\n        header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-pass input {\\n          width: 90%;\\n          padding: 0;\\n          box-sizing: content-box; }\\n      header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-persistent-login {\\n        font-size: 0.756em; }\\n        header[role=\\\"banner\\\"] #block-userlogin .form-item.form-item-persistent-login label {\\n          vertical-align: top; }\\n    header[role=\\\"banner\\\"] #block-userlogin #edit-actions {\\n      margin: 0; }\\n    header[role=\\\"banner\\\"] #block-userlogin .item-list ul {\\n      margin: 0; }\\n      header[role=\\\"banner\\\"] #block-userlogin .item-list ul li {\\n        list-style: none;\\n        margin: 0; }\\n        header[role=\\\"banner\\\"] #block-userlogin .item-list ul li a {\\n          font-size: 0.756em; }\\n  header[role=\\\"banner\\\"] #block-languageswitcher {\\n    text-align: right; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher h2 {\\n      margin: 0.1em 0 0 0;\\n      font-size: 0.756em;\\n      font-weight: 400;\\n      padding: 0.1em 0.4em 0.2em;\\n      border-radius: 3px;\\n      background-color: #444;\\n      color: #fff;\\n      display: inline-block;\\n      vertical-align: top; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher > ul.links {\\n      overflow: hidden;\\n      width: 3.5em;\\n      height: 1px;\\n      padding: 0.01em 0;\\n      margin: 0;\\n      box-sizing: content-box;\\n      transition: all 0.4s ease-in-out; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher:hover > ul.links {\\n      transition-delay: 0s;\\n      height: 2em;\\n      padding: 0.3em 0; }\\n    header[role=\\\"banner\\\"] #block-languageswitcher li {\\n      list-style: none;\\n      padding: 0;\\n      display: inline-block; }\\n      header[role=\\\"banner\\\"] #block-languageswitcher li.is-active {\\n        display: none; }\\n      header[role=\\\"banner\\\"] #block-languageswitcher li a {\\n        margin: 0;\\n        font-size: 0.756em;\\n        font-weight: 400;\\n        padding: 0.2em 0.4em;\\n        border-radius: 3px;\\n        background-color: #444;\\n        color: #fff; }\\n  header[role=\\\"banner\\\"] #block-pagetitle {\\n    float: left;\\n    padding: 1em 0; }\\n    header[role=\\\"banner\\\"] #block-pagetitle h2 {\\n      margin: 0;\\n      font-size: 1.512em;\\n      text-transform: capitalize;\\n      font-weight: 300; }\\n  header[role=\\\"banner\\\"] #block-materiosapisearchblock {\\n    float: right;\\n    display: inline-block;\\n    padding: 0; }\\n    header[role=\\\"banner\\\"] #block-materiosapisearchblock #materio-sapi-search-form .form-item, header[role=\\\"banner\\\"] #block-materiosapisearchblock #materio-sapi-search-form input.button {\\n      display: inline-block; }\\n    header[role=\\\"banner\\\"] #block-materiosapisearchblock #materio-sapi-search-form #edit-search {\\n      border: 1px #BBB solid;\\n      border-radius: 14px;\\n      padding: 0.3em;\\n      color: #666; }\\n    header[role=\\\"banner\\\"] #block-materiosapisearchblock #materio-sapi-search-form #edit-submit {\\n      border: 0;\\n      text-indent: 50px;\\n      overflow: hidden;\\n      width: 20px;\\n      height: 20px;\\n      margin: 0;\\n      background-image: url(\" + ___CSS_LOADER_URL___0___ + \");\\n      background-position: center;\\n      background-repeat: no-repeat;\\n      background-size: contain; }\\n\\naside.messages {\\n  padding: 0; }\\n\\narticle.node--type-frontpage .node__content .field--name-field-what-is-materio:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-a-database:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-showrooms:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-blabla:not(:nth-child(1)),\\narticle.node--type-frontpage .node__content .field--name-field-pricing:not(:nth-child(1)) {\\n  margin-top: 1em; }\\n\\narticle.node--type-frontpage .node__content .field--name-field-what-is-materio .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-a-database .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-showrooms .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-blabla .field__label,\\narticle.node--type-frontpage .node__content .field--name-field-pricing .field__label {\\n  font-size: 2.2em;\\n  font-weight: bold; }\\n\\narticle.node--type-frontpage .node__content .field--name-computed-showrooms-reference,\\narticle.node--type-frontpage .node__content .field--name-computed-articles-reference {\\n  margin: 0;\\n  padding: 0;\\n  width: calc(100% + 15px); }\\n  article.node--type-frontpage .node__content .field--name-computed-showrooms-reference .field__item,\\n  article.node--type-frontpage .node__content .field--name-computed-articles-reference .field__item {\\n    display: inline-block;\\n    vertical-align: top;\\n    width: 210px;\\n    margin: 0 15px 15px 0;\\n    padding: 0; }\\n    article.node--type-frontpage .node__content .field--name-computed-showrooms-reference .field__item p,\\n    article.node--type-frontpage .node__content .field--name-computed-articles-reference .field__item p {\\n      margin: 0; }\\n\\n.infinite-loading-container .infinite-status-prompt i[class^=\\\"loading-\\\"] {\\n  width: 15px;\\n  height: 15px; }\\n\\n.cards-list {\\n  position: relative; }\\n  .cards-list .search-info {\\n    font-size: 0.756em;\\n    font-weight: 500;\\n    margin: 0;\\n    padding: 0 0 0.5em 0; }\\n  .cards-list > ul {\\n    margin: 0;\\n    padding: 0;\\n    width: calc(100% + 15px); }\\n    .cards-list > ul > li {\\n      list-style: none;\\n      margin: 0 15px 15px 0;\\n      padding: 0;\\n      display: inline-block;\\n      vertical-align: top; }\\n\\narticle.card {\\n  position: relative;\\n  width: 210px;\\n  height: 295px;\\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }\\n  article.card header {\\n    position: absolute;\\n    bottom: 0;\\n    z-index: 10;\\n    color: #000;\\n    background-color: rgba(255, 255, 255, 0.8);\\n    padding: 0.3em 0.3em;\\n    box-sizing: border-box;\\n    width: 100%; }\\n    article.card header h1, article.card header h4 {\\n      margin: 0;\\n      padding: 0; }\\n    article.card header h1 {\\n      font-size: 1.3em;\\n      font-weight: 700;\\n      line-height: 0.8;\\n      margin-bottom: 0.2em; }\\n    article.card header h4 {\\n      font-size: 0.882em;\\n      font-weight: 300;\\n      line-height: 1; }\\n    article.card header span.ref {\\n      font-size: 0.693em;\\n      font-weight: 300;\\n      line-height: 1; }\\n  article.card section.images {\\n    position: relative; }\\n    article.card section.images, article.card section.images * {\\n      width: 100%;\\n      height: 100%; }\\n    article.card section.images figure {\\n      margin: 0;\\n      position: absolute;\\n      top: 0;\\n      left: 0; }\\n      article.card section.images figure:first-of-type {\\n        z-index: 5; }\\n      article.card section.images figure img.blank {\\n        position: absolute;\\n        top: 0;\\n        left: 0;\\n        z-index: 20; }\\n\", \"\"]);\n\n\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/assets/styles/main.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js");
 
 /***/ }),
 
@@ -661,7 +661,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"Base\" } }, [\n    _c(\"h1\", { staticClass: \"page-title\" }, [_vm._v(_vm._s(_vm.pagetitle))]),\n    _vm._v(\" \"),\n    !_vm.items.length\n      ? _c(\"div\", { staticClass: \"loading\" }, [\n          _c(\"span\", [_vm._v(\"Loading ...\")])\n        ])\n      : _c(\n          \"div\",\n          { staticClass: \"cards-list\" },\n          [\n            _c(\"aside\", { staticClass: \"search-info\" }, [\n              _vm._v(\"\\n      \" + _vm._s(_vm.searchinfos) + \"\\n    \")\n            ]),\n            _vm._v(\" \"),\n            _c(\n              \"ul\",\n              _vm._l(_vm.items, function(item) {\n                return _c(\n                  \"li\",\n                  { key: item.uuid },\n                  [_c(\"Card\", { attrs: { item: item } })],\n                  1\n                )\n              }),\n              0\n            ),\n            _vm._v(\" \"),\n            _vm.count > _vm.limit\n              ? _c(\"infinite-loading\", { on: { infinite: _vm.nextPage } }, [\n                  _c(\"div\", { attrs: { slot: \"no-more\" }, slot: \"no-more\" }, [\n                    _vm._v(\"No more results\")\n                  ])\n                ])\n              : _vm._e()\n          ],\n          1\n        )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/components/Content/Base.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"Base\" } }, [\n    !_vm.items.length\n      ? _c(\"div\", { staticClass: \"loading\" }, [\n          _c(\"span\", [_vm._v(\"Loading ...\")])\n        ])\n      : _c(\n          \"div\",\n          { staticClass: \"cards-list\" },\n          [\n            _c(\"aside\", { staticClass: \"search-info\" }, [\n              _vm._v(\"\\n      \" + _vm._s(_vm.searchinfos) + \"\\n    \")\n            ]),\n            _vm._v(\" \"),\n            _c(\n              \"ul\",\n              _vm._l(_vm.items, function(item) {\n                return _c(\n                  \"li\",\n                  { key: item.uuid },\n                  [_c(\"Card\", { attrs: { item: item } })],\n                  1\n                )\n              }),\n              0\n            ),\n            _vm._v(\" \"),\n            _vm.count > _vm.limit\n              ? _c(\"infinite-loading\", { on: { infinite: _vm.nextPage } }, [\n                  _c(\"div\", { attrs: { slot: \"no-more\" }, slot: \"no-more\" }, [\n                    _vm._v(\"No more results\")\n                  ])\n                ])\n              : _vm._e()\n          ],\n          1\n        )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/components/Content/Base.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -824,7 +824,7 @@ eval("module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUC
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _vue = _interopRequireDefault(__webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.js\"));\n\nvar _vueInfiniteLoading = _interopRequireDefault(__webpack_require__(/*! vue-infinite-loading */ \"./node_modules/vue-infinite-loading/dist/vue-infinite-loading.js\"));\n\nvar _store = _interopRequireDefault(__webpack_require__(/*! vuejs/store */ \"./web/themes/custom/materiotheme/vuejs/store/index.js\"));\n\nvar _route = _interopRequireDefault(__webpack_require__(/*! vuejs/route */ \"./web/themes/custom/materiotheme/vuejs/route/index.js\"));\n\nvar _UserBlock = _interopRequireDefault(__webpack_require__(/*! vuejs/components/Block/UserBlock */ \"./web/themes/custom/materiotheme/vuejs/components/Block/UserBlock.vue\"));\n\nvar _MainContent = _interopRequireDefault(__webpack_require__(/*! vuejs/components/Content/MainContent */ \"./web/themes/custom/materiotheme/vuejs/components/Content/MainContent.vue\"));\n\nvar _SearchBlock = _interopRequireDefault(__webpack_require__(/*! vuejs/components/Block/SearchBlock */ \"./web/themes/custom/materiotheme/vuejs/components/Block/SearchBlock.vue\"));\n\nvar _vuex = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n\n__webpack_require__(/*! theme/assets/styles/main.scss */ \"./web/themes/custom/materiotheme/assets/styles/main.scss\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n_vue.default.use(_vueInfiniteLoading.default, {\n  props: {\n    spinner: 'spiral' // slots.noMore: ''\n\n  } // system: {\n  //   throttleLimit: 50,\n  //   /* other settings need to configure */\n  // }\n\n});\n\n(function (Drupal, drupalSettings) {\n  var MaterioTheme = function MaterioTheme() {\n    var _v_sitebranding_block, _v_user_block, _v_main_content, _v_search_block;\n\n    var _is_front = drupalSettings.path.isFront;\n    console.log('drupalSettings', drupalSettings); //  ___      _ _\n    // |_ _|_ _ (_) |_\n    //  | || ' \\| |  _|\n    // |___|_||_|_|\\__|\n\n    function init() {\n      console.log(\"MaterioTheme init()\");\n      initVues();\n    }\n\n    function initVues() {\n      initVSiteBrandingBlock();\n      initVUserBlock();\n      initVMainContent();\n      initVSearchBlock();\n    }\n\n    function initVSiteBrandingBlock() {\n      _v_sitebranding_block = new _vue.default({\n        store: _store.default,\n        router: _route.default,\n        el: '#block-sitebranding',\n        methods: {\n          onclick: function onclick(event) {\n            // console.log(\"Clicked on logo event\", event);\n            var href = event.target.getAttribute('href'); // console.log(\"Clicked on logo href\", href);\n\n            this.$router.push(href);\n          }\n        }\n      });\n    }\n\n    function initVUserBlock() {\n      var mount_point = drupalSettings.user.uid !== 0 ? 'block-userblock' : 'block-userlogin';\n      var props = {\n        title: \"\",\n        loginblock: \"\"\n      };\n\n      switch (mount_point) {\n        case 'block-userlogin':\n          var $block = document.getElementById(mount_point);\n          console.log('initVUserBlock login form html', $block);\n          props.loginblock = $block.outerHTML.trim();\n          break;\n\n        case 'block-userblock':\n        default:\n          break;\n      }\n\n      _v_user_block = new _vue.default({\n        store: _store.default,\n        // computed: {\n        //   ...mapState({\n        //     isloggedin: state => state.User.isloggedin\n        //   })\n        // },\n        created: function created() {\n          // if already loggedin, call store.user to get the user infos\n          if (drupalSettings.user.uid !== 0) {\n            this.$store.commit('User/setUid', drupalSettings.user.uid);\n            this.$store.dispatch('User/getUser');\n          }\n        },\n        render: function render(h) {\n          return h(_UserBlock.default, {\n            props: props\n          });\n        }\n      }).$mount('#' + mount_point); // console.log('initVUserBlock', _v_user_block);\n    }\n\n    function initVMainContent() {\n      var id = \"main-content\";\n      var $main_content = document.querySelector('#' + id); // console.log('main-content', $main_content);\n\n      var main_html = $main_content.innerHTML;\n      _v_main_content = new _vue.default({\n        store: _store.default,\n        render: function render(h) {\n          return h(_MainContent.default, {\n            props: {\n              id: id,\n              html: main_html,\n              isfront: drupalSettings.path.isFront\n            }\n          });\n        }\n      }).$mount('#' + id); // console.log('initTestVContent', v_test_content);\n    }\n\n    function initVSearchBlock() {\n      // console.log('initVSearchBlock');\n      var id = \"block-materiosapisearchblock\";\n      var $search_block = document.getElementById(id);\n      var formhtml = null;\n\n      if ($search_block) {\n        // get the search form html to pass it as template to the vue\n        // we gain display speed vs async downloaded data\n        formhtml = $search_block.innerHTML;\n      } else {\n        // else create the empty block to fill it later with async data\n        $search_block = document.createElement('div');\n        $search_block.setAttribute('id', id);\n        var $region = document.getElementById('content-top');\n        $region.appendChild($search_block);\n      } // in any case create the vue\n\n\n      _v_search_block = new _vue.default({\n        store: _store.default,\n        render: function render(h) {\n          return h(_SearchBlock.default, {\n            props: {\n              blockid: id,\n              formhtml: formhtml\n            }\n          });\n        }\n      }).$mount('#' + id);\n    }\n\n    init();\n  }; // end MaterioTheme()\n\n\n  var materiotheme = new MaterioTheme();\n})(Drupal, drupalSettings);\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/assets/scripts/main.js?");
+eval("\n\nvar _vue = _interopRequireDefault(__webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.js\"));\n\nvar _vueInfiniteLoading = _interopRequireDefault(__webpack_require__(/*! vue-infinite-loading */ \"./node_modules/vue-infinite-loading/dist/vue-infinite-loading.js\"));\n\nvar _store = _interopRequireDefault(__webpack_require__(/*! vuejs/store */ \"./web/themes/custom/materiotheme/vuejs/store/index.js\"));\n\nvar _route = _interopRequireDefault(__webpack_require__(/*! vuejs/route */ \"./web/themes/custom/materiotheme/vuejs/route/index.js\"));\n\nvar _UserBlock = _interopRequireDefault(__webpack_require__(/*! vuejs/components/Block/UserBlock */ \"./web/themes/custom/materiotheme/vuejs/components/Block/UserBlock.vue\"));\n\nvar _MainContent = _interopRequireDefault(__webpack_require__(/*! vuejs/components/Content/MainContent */ \"./web/themes/custom/materiotheme/vuejs/components/Content/MainContent.vue\"));\n\nvar _SearchBlock = _interopRequireDefault(__webpack_require__(/*! vuejs/components/Block/SearchBlock */ \"./web/themes/custom/materiotheme/vuejs/components/Block/SearchBlock.vue\"));\n\nvar _vuex = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n\n__webpack_require__(/*! theme/assets/styles/main.scss */ \"./web/themes/custom/materiotheme/assets/styles/main.scss\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n_vue.default.use(_vueInfiniteLoading.default, {\n  props: {\n    spinner: 'spiral' // slots.noMore: ''\n\n  } // system: {\n  //   throttleLimit: 50,\n  //   /* other settings need to configure */\n  // }\n\n});\n\n(function (Drupal, drupalSettings) {\n  var MaterioTheme = function MaterioTheme() {\n    var _v_sitebranding_block, _v_pagetitle_block, _v_user_block, _v_main_content, _v_search_block;\n\n    var _is_front = drupalSettings.path.isFront;\n    console.log('drupalSettings', drupalSettings); //  ___      _ _\n    // |_ _|_ _ (_) |_\n    //  | || ' \\| |  _|\n    // |___|_||_|_|\\__|\n\n    function init() {\n      console.log(\"MaterioTheme init()\");\n      initVues();\n    }\n\n    function initVues() {\n      initVSiteBrandingBlock();\n      initVPagetitleBlock();\n      initVUserBlock();\n      initVMainContent();\n      initVSearchBlock();\n    }\n\n    function initVSiteBrandingBlock() {\n      _v_sitebranding_block = new _vue.default({\n        store: _store.default,\n        router: _route.default,\n        el: '#block-sitebranding',\n        methods: {\n          onclick: function onclick(event) {\n            // console.log(\"Clicked on logo event\", event);\n            var href = event.target.getAttribute('href'); // console.log(\"Clicked on logo href\", href);\n\n            this.$router.push(href);\n            this.$store.commit('Common/setPagetitle', null);\n          }\n        }\n      });\n    }\n\n    function initVPagetitleBlock() {\n      var $blk = document.querySelector('#block-pagetitle');\n      var $h2 = $blk.querySelector('h2'); // get the loaded pagetitle\n\n      var title = $h2.innerText; // if not front recorde the loaded pagetitle in store\n\n      if (!_is_front) {\n        _store.default.commit('Common/setPagetitle', title);\n      } // replace in template the pagetitle by vue binding\n\n\n      $h2.innerText = '{{ pagetitle }}'; // create the vue\n\n      _v_pagetitle_block = new _vue.default({\n        store: _store.default,\n        router: _route.default,\n        el: $blk,\n        computed: _objectSpread({}, (0, _vuex.mapState)({\n          pagetitle: function pagetitle(state) {\n            return state.Common.pagetitle;\n          }\n        }))\n      });\n    }\n\n    function initVUserBlock() {\n      var mount_point = drupalSettings.user.uid !== 0 ? 'block-userblock' : 'block-userlogin';\n      var props = {\n        title: \"\",\n        loginblock: \"\"\n      };\n\n      switch (mount_point) {\n        case 'block-userlogin':\n          var $block = document.getElementById(mount_point);\n          console.log('initVUserBlock login form html', $block);\n          props.loginblock = $block.outerHTML.trim();\n          break;\n\n        case 'block-userblock':\n        default:\n          break;\n      }\n\n      _v_user_block = new _vue.default({\n        store: _store.default,\n        // computed: {\n        //   ...mapState({\n        //     isloggedin: state => state.User.isloggedin\n        //   })\n        // },\n        created: function created() {\n          // if already loggedin, call store.user to get the user infos\n          if (drupalSettings.user.uid !== 0) {\n            this.$store.commit('User/setUid', drupalSettings.user.uid);\n            this.$store.dispatch('User/getUser');\n          }\n        },\n        render: function render(h) {\n          return h(_UserBlock.default, {\n            props: props\n          });\n        }\n      }).$mount('#' + mount_point); // console.log('initVUserBlock', _v_user_block);\n    }\n\n    function initVMainContent() {\n      var id = \"main-content\";\n      var $main_content = document.querySelector('#' + id); // console.log('main-content', $main_content);\n\n      var main_html = $main_content.innerHTML;\n      _v_main_content = new _vue.default({\n        store: _store.default,\n        render: function render(h) {\n          return h(_MainContent.default, {\n            props: {\n              id: id,\n              html: main_html,\n              isfront: drupalSettings.path.isFront\n            }\n          });\n        }\n      }).$mount('#' + id); // console.log('initTestVContent', v_test_content);\n    }\n\n    function initVSearchBlock() {\n      // console.log('initVSearchBlock');\n      var id = \"block-materiosapisearchblock\";\n      var $search_block = document.getElementById(id);\n      var formhtml = null;\n\n      if ($search_block) {\n        // get the search form html to pass it as template to the vue\n        // we gain display speed vs async downloaded data\n        formhtml = $search_block.innerHTML;\n      } else {\n        // else create the empty block to fill it later with async data\n        $search_block = document.createElement('div');\n        $search_block.setAttribute('id', id); // TODO: get region by REST\n\n        var $region = document.getElementById('header-bottom');\n        $region.appendChild($search_block);\n      } // in any case create the vue\n\n\n      _v_search_block = new _vue.default({\n        store: _store.default,\n        render: function render(h) {\n          return h(_SearchBlock.default, {\n            props: {\n              blockid: id,\n              formhtml: formhtml\n            }\n          });\n        }\n      }).$mount('#' + id);\n    }\n\n    init();\n  }; // end MaterioTheme()\n\n\n  var materiotheme = new MaterioTheme();\n})(Drupal, drupalSettings);\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/assets/scripts/main.js?");
 
 /***/ }),
 
@@ -1207,7 +1207,19 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vue = _interopRequireDefault(__webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.js\"));\n\nvar _vuex = _interopRequireDefault(__webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\"));\n\nvar _user = _interopRequireDefault(__webpack_require__(/*! ./modules/user */ \"./web/themes/custom/materiotheme/vuejs/store/modules/user.js\"));\n\nvar _search = _interopRequireDefault(__webpack_require__(/*! ./modules/search */ \"./web/themes/custom/materiotheme/vuejs/store/modules/search.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart\n_vue.default.use(_vuex.default);\n\nvar _default = new _vuex.default.Store({\n  modules: {\n    User: _user.default,\n    Search: _search.default\n  }\n});\n\nexports.default = _default;\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/store/index.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vue = _interopRequireDefault(__webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.js\"));\n\nvar _vuex = _interopRequireDefault(__webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\"));\n\nvar _common = _interopRequireDefault(__webpack_require__(/*! ./modules/common */ \"./web/themes/custom/materiotheme/vuejs/store/modules/common.js\"));\n\nvar _user = _interopRequireDefault(__webpack_require__(/*! ./modules/user */ \"./web/themes/custom/materiotheme/vuejs/store/modules/user.js\"));\n\nvar _search = _interopRequireDefault(__webpack_require__(/*! ./modules/search */ \"./web/themes/custom/materiotheme/vuejs/store/modules/search.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart\n_vue.default.use(_vuex.default);\n\nvar _default = new _vuex.default.Store({\n  modules: {\n    Common: _common.default,\n    User: _user.default,\n    Search: _search.default\n  }\n});\n\nexports.default = _default;\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/store/index.js?");
+
+/***/ }),
+
+/***/ "./web/themes/custom/materiotheme/vuejs/store/modules/common.js":
+/*!**********************************************************************!*\
+  !*** ./web/themes/custom/materiotheme/vuejs/store/modules/common.js ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _restAxios = __webpack_require__(/*! vuejs/api/rest-axios */ \"./web/themes/custom/materiotheme/vuejs/api/rest-axios.js\");\n\nvar _jsonAxios = __webpack_require__(/*! vuejs/api/json-axios */ \"./web/themes/custom/materiotheme/vuejs/api/json-axios.js\");\n\nvar _querystring = _interopRequireDefault(__webpack_require__(/*! querystring */ \"./node_modules/querystring-es3/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar _default = {\n  namespaced: true,\n  // initial state\n  state: {\n    pagetitle: null\n  },\n  // getters\n  getters: {},\n  // mutations\n  mutations: {\n    setPagetitle: function setPagetitle(state, title) {\n      console.log('Common, setPagetitle', title);\n      state.pagetitle = title;\n    }\n  },\n  // actions\n  actions: {}\n};\nexports.default = _default;\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/store/modules/common.js?");
 
 /***/ }),
 
@@ -1219,7 +1231,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _jsonAxios = __webpack_require__(/*! vuejs/api/json-axios */ \"./web/themes/custom/materiotheme/vuejs/api/json-axios.js\");\n\nvar _maAxios = __webpack_require__(/*! vuejs/api/ma-axios */ \"./web/themes/custom/materiotheme/vuejs/api/ma-axios.js\");\n\nvar _querystring = _interopRequireDefault(__webpack_require__(/*! querystring */ \"./node_modules/querystring-es3/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar _default = {\n  namespaced: true,\n  // initial state\n  state: {\n    keys: \"\",\n    term: \"\",\n    uuids: [],\n    items: [],\n    offset: 0,\n    limit: 15,\n    infos: null,\n    count: 0,\n    // infinteState will come from vue-infinite-loading plugin\n    // implemented in vuejs/components/Content/Base.vue\n    infiniteState: null\n  },\n  // getters\n  getters: {},\n  // mutations\n  mutations: {\n    setUuids: function setUuids(state, uuids) {\n      state.uuids = state.uuids.concat(uuids);\n    },\n    resetUuids: function resetUuids(state) {\n      state.uuids = [];\n    },\n    setItems: function setItems(state, items) {\n      state.items = state.items.concat(items);\n    },\n    resetItems: function resetItems(state) {\n      state.items = [];\n    },\n    setKeys: function setKeys(state, keys) {\n      state.keys = keys;\n    },\n    setTerm: function setTerm(state, term) {\n      state.term = term;\n    },\n    setInfos: function setInfos(state, infos) {\n      state.infos = infos;\n    },\n    setCount: function setCount(state, count) {\n      state.count = count;\n    },\n    resetOffset: function resetOffset(state) {\n      state.offset = 0;\n    },\n    incrementOffset: function incrementOffset(state) {\n      state.offset += state.limit;\n    },\n    setInfiniteState: function setInfiniteState(state, s) {\n      state.infiniteState = s;\n    }\n  },\n  // actions\n  actions: {\n    newSearch: function newSearch(_ref) {\n      var dispatch = _ref.dispatch,\n          commit = _ref.commit,\n          state = _ref.state;\n      console.log('Search newSearch');\n      commit('resetUuids');\n      commit('resetItems');\n      commit('resetOffset');\n      dispatch('getResults');\n    },\n    nextPage: function nextPage(_ref2, $state) {\n      var dispatch = _ref2.dispatch,\n          commit = _ref2.commit,\n          state = _ref2.state;\n      console.log(\"Search nextPage\", $state);\n      commit('incrementOffset');\n      commit('setInfiniteState', $state);\n      dispatch('getResults');\n    },\n    getResults: function getResults(_ref3) {\n      var dispatch = _ref3.dispatch,\n          commit = _ref3.commit,\n          state = _ref3.state;\n      var params = {\n        keys: state.keys,\n        term: state.term,\n        offset: state.offset,\n        limit: state.limit // console.log('Search getResults params', params);\n\n      };\n\n      var q = _querystring.default.stringify(params);\n\n      return _maAxios.MA.get(\"/materio_sapi/getresults?\" + q).then(function (_ref4) {\n        var data = _ref4.data;\n        console.log('search MA getresults data', data); // commit('setItems', data.items)\n\n        commit('setInfos', data.infos);\n        commit('setCount', data.count);\n        commit('setUuids', data.uuids);\n        dispatch('getItems', data.uuids);\n      }).catch(function (error) {\n        console.warn('Issue with getResults', error);\n        Promise.reject(error);\n      });\n    },\n    getItems: function getItems(_ref5, uuids) {\n      var dispatch = _ref5.dispatch,\n          commit = _ref5.commit,\n          state = _ref5.state;\n      var params = {\n        // include: 'images', // no needs to include thanks to consumers_image_styles module\n        'filter[uuids-groupe][group][conjunction]': 'OR'\n      };\n\n      for (var i = 0; i < uuids.length; i++) {\n        var uuid = uuids[i];\n        params[\"filter[\".concat(uuid, \"][condition][path]\")] = 'id';\n        params[\"filter[\".concat(uuid, \"][condition][value]\")] = uuid;\n        params[\"filter[\".concat(uuid, \"][condition][operator]\")] = '=';\n        params[\"filter[\".concat(uuid, \"][condition][memberOf]\")] = 'uuids-groupe';\n      } // console.log('search JSONAPI params', params);\n\n\n      var q = _querystring.default.stringify(params);\n\n      return _jsonAxios.JSONAPI.get('node/materiau?' + q).then(function (_ref6) {\n        var data = _ref6.data;\n        console.log('search getItems data', data);\n        dispatch('parseItems', {\n          data: data.data,\n          uuids: uuids\n        }); // commit('setItems', data.items)\n      }).catch(function (error) {\n        console.warn('Issue with getItems', error);\n        Promise.reject(error);\n      });\n    },\n    parseItems: function parseItems(_ref7, _ref8) {\n      var dispatch = _ref7.dispatch,\n          commit = _ref7.commit,\n          state = _ref7.state;\n      var data = _ref8.data,\n          uuids = _ref8.uuids;\n      // data comes from jsonapi query\n      // uuids comes from solr search query (we loop from uuids to conserve the search results order)\n      console.log('search parseItems data, uuids', data, uuids);\n      var items = []; // for (var i = 0; i < data.length; i++) {\n\n      var _loop = function _loop() {\n        var uuid = uuids[i]; // https://stackoverflow.com/questions/11258077/how-to-find-index-of-an-object-by-key-and-value-in-an-javascript-array\n\n        var item_index = data.findIndex(function (p) {\n          return p.id == uuid;\n        });\n        var item_src = data[item_index];\n        var attrs = item_src.attributes;\n        var relations = item_src.relationships; // get field values\n\n        var item = {\n          uuid: uuid,\n          title: attrs.title,\n          description: attrs.field_short_description,\n          body: attrs.body,\n          reference: attrs.field_reference // get images included values\n\n        };\n        var img_src = relations.images.data;\n        item.images = [];\n\n        for (j = 0; j < img_src.length; j++) {\n          item.images.push({\n            title: img_src[j].meta.title,\n            // meta.imageDerivatives.style.href link is provided by drupal consumers_image_styles module\n            url: img_src[j].meta.imageDerivatives.links.card_medium.href\n          });\n        }\n\n        items.push(item);\n      };\n\n      for (var i = 0; i < uuids.length; i++) {\n        var j;\n\n        _loop();\n      }\n\n      console.log('items', items);\n      commit('setItems', items);\n\n      if (state.infiniteState) {\n        if (state.offset + state.limit > state.count) {\n          console.log('Search infinite completed'); // tell to vue-infinite-loading plugin that there si no new page\n\n          state.infiniteState.complete();\n        } else {\n          console.log('Search infinite loaded'); // tell to vue-infinite-loading plugin that newpage is loaded\n\n          state.infiniteState.loaded();\n        }\n      }\n    }\n  }\n};\nexports.default = _default;\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/store/modules/search.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _jsonAxios = __webpack_require__(/*! vuejs/api/json-axios */ \"./web/themes/custom/materiotheme/vuejs/api/json-axios.js\");\n\nvar _maAxios = __webpack_require__(/*! vuejs/api/ma-axios */ \"./web/themes/custom/materiotheme/vuejs/api/ma-axios.js\");\n\nvar _querystring = _interopRequireDefault(__webpack_require__(/*! querystring */ \"./node_modules/querystring-es3/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar _default = {\n  namespaced: true,\n  // initial state\n  state: {\n    keys: \"\",\n    term: \"\",\n    uuids: [],\n    items: [],\n    offset: 0,\n    limit: 15,\n    infos: null,\n    count: 0,\n    // infinteState will come from vue-infinite-loading plugin\n    // implemented in vuejs/components/Content/Base.vue\n    infiniteLoadingState: null\n  },\n  // getters\n  getters: {},\n  // mutations\n  mutations: {\n    setUuids: function setUuids(state, uuids) {\n      state.uuids = state.uuids.concat(uuids);\n    },\n    resetUuids: function resetUuids(state) {\n      state.uuids = [];\n    },\n    setItems: function setItems(state, items) {\n      state.items = state.items.concat(items);\n    },\n    resetItems: function resetItems(state) {\n      state.items = [];\n    },\n    setKeys: function setKeys(state, keys) {\n      state.keys = keys;\n    },\n    setTerm: function setTerm(state, term) {\n      state.term = term;\n    },\n    setInfos: function setInfos(state, infos) {\n      state.infos = infos;\n    },\n    setCount: function setCount(state, count) {\n      state.count = count;\n    },\n    resetOffset: function resetOffset(state) {\n      state.offset = 0;\n    },\n    incrementOffset: function incrementOffset(state) {\n      state.offset += state.limit;\n    },\n    setInfiniteState: function setInfiniteState(state, infiniteLoadingstate) {\n      state.infiniteLoadingState = infiniteLoadingstate;\n    }\n  },\n  // actions\n  actions: {\n    newSearch: function newSearch(_ref) {\n      var dispatch = _ref.dispatch,\n          commit = _ref.commit,\n          state = _ref.state;\n      console.log('Search newSearch');\n      commit('resetUuids');\n      commit('resetItems');\n      commit('resetOffset');\n      this.commit('Common/setPagetitle', state.keys);\n      dispatch('getResults');\n    },\n    nextPage: function nextPage(_ref2, $infiniteLoadingstate) {\n      var dispatch = _ref2.dispatch,\n          commit = _ref2.commit,\n          state = _ref2.state;\n      console.log(\"Search nextPage\", $infiniteLoadingstate);\n      commit('incrementOffset');\n      commit('setInfiniteState', $infiniteLoadingstate);\n      dispatch('getResults');\n    },\n    getResults: function getResults(_ref3) {\n      var dispatch = _ref3.dispatch,\n          commit = _ref3.commit,\n          state = _ref3.state;\n      var params = {\n        keys: state.keys,\n        term: state.term,\n        offset: state.offset,\n        limit: state.limit // console.log('Search getResults params', params);\n\n      };\n\n      var q = _querystring.default.stringify(params);\n\n      return _maAxios.MA.get(\"/materio_sapi/getresults?\" + q).then(function (_ref4) {\n        var data = _ref4.data;\n        console.log('search MA getresults data', data); // commit('setItems', data.items)\n\n        commit('setInfos', data.infos);\n        commit('setCount', data.count);\n        commit('setUuids', data.uuids);\n        dispatch('getItems', data.uuids);\n      }).catch(function (error) {\n        console.warn('Issue with getResults', error);\n        Promise.reject(error);\n      });\n    },\n    getItems: function getItems(_ref5, uuids) {\n      var dispatch = _ref5.dispatch,\n          commit = _ref5.commit,\n          state = _ref5.state;\n      var params = {\n        // include: 'images', // no needs to include thanks to consumers_image_styles module\n        'filter[uuids-groupe][group][conjunction]': 'OR'\n      };\n\n      for (var i = 0; i < uuids.length; i++) {\n        var uuid = uuids[i];\n        params[\"filter[\".concat(uuid, \"][condition][path]\")] = 'id';\n        params[\"filter[\".concat(uuid, \"][condition][value]\")] = uuid;\n        params[\"filter[\".concat(uuid, \"][condition][operator]\")] = '=';\n        params[\"filter[\".concat(uuid, \"][condition][memberOf]\")] = 'uuids-groupe';\n      } // console.log('search JSONAPI params', params);\n\n\n      var q = _querystring.default.stringify(params);\n\n      return _jsonAxios.JSONAPI.get('node/materiau?' + q).then(function (_ref6) {\n        var data = _ref6.data;\n        console.log('search getItems data', data);\n        dispatch('parseItems', {\n          data: data.data,\n          uuids: uuids\n        }); // commit('setItems', data.items)\n      }).catch(function (error) {\n        console.warn('Issue with getItems', error);\n        Promise.reject(error);\n      });\n    },\n    parseItems: function parseItems(_ref7, _ref8) {\n      var dispatch = _ref7.dispatch,\n          commit = _ref7.commit,\n          state = _ref7.state;\n      var data = _ref8.data,\n          uuids = _ref8.uuids;\n      // data comes from jsonapi query\n      // uuids comes from solr search query (we loop from uuids to conserve the search results order)\n      console.log('search parseItems data, uuids', data, uuids);\n      var items = []; // for (var i = 0; i < data.length; i++) {\n\n      var _loop = function _loop() {\n        var uuid = uuids[i]; // https://stackoverflow.com/questions/11258077/how-to-find-index-of-an-object-by-key-and-value-in-an-javascript-array\n\n        var item_index = data.findIndex(function (p) {\n          return p.id == uuid;\n        });\n        var item_src = data[item_index];\n        var attrs = item_src.attributes;\n        var relations = item_src.relationships; // get field values\n\n        var item = {\n          uuid: uuid,\n          title: attrs.title,\n          description: attrs.field_short_description,\n          body: attrs.body,\n          reference: attrs.field_reference // get images included values\n\n        };\n        var img_src = relations.images.data;\n        item.images = [];\n\n        for (j = 0; j < img_src.length; j++) {\n          item.images.push({\n            title: img_src[j].meta.title,\n            // meta.imageDerivatives.style.href link is provided by drupal consumers_image_styles module\n            url: img_src[j].meta.imageDerivatives.links.card_medium.href\n          });\n        }\n\n        items.push(item);\n      };\n\n      for (var i = 0; i < uuids.length; i++) {\n        var j;\n\n        _loop();\n      }\n\n      console.log('items', items);\n      commit('setItems', items);\n\n      if (state.infiniteLoadingState) {\n        if (state.offset + state.limit > state.count) {\n          console.log('Search infinite completed'); // tell to vue-infinite-loading plugin that there si no new page\n\n          state.infiniteLoadingState.complete();\n        } else {\n          console.log('Search infinite loaded'); // tell to vue-infinite-loading plugin that newpage is loaded\n\n          state.infiniteLoadingState.loaded();\n        }\n      }\n    }\n  }\n};\nexports.default = _default;\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/store/modules/search.js?");
 
 /***/ }),
 
diff --git a/web/themes/custom/materiotheme/assets/scripts/main.js b/web/themes/custom/materiotheme/assets/scripts/main.js
index 95b9732..c8ac7ec 100644
--- a/web/themes/custom/materiotheme/assets/scripts/main.js
+++ b/web/themes/custom/materiotheme/assets/scripts/main.js
@@ -28,7 +28,7 @@ import 'theme/assets/styles/main.scss'
 
   var MaterioTheme = function(){
 
-    var _v_sitebranding_block, _v_user_block, _v_main_content, _v_search_block;
+    var _v_sitebranding_block, _v_pagetitle_block, _v_user_block, _v_main_content, _v_search_block;
     var _is_front = drupalSettings.path.isFront;
 
     console.log('drupalSettings', drupalSettings);
@@ -44,6 +44,7 @@ import 'theme/assets/styles/main.scss'
 
     function initVues(){
       initVSiteBrandingBlock()
+      initVPagetitleBlock()
       initVUserBlock()
       initVMainContent()
       initVSearchBlock()
@@ -60,11 +61,36 @@ import 'theme/assets/styles/main.scss'
             let href = event.target.getAttribute('href');
             // console.log("Clicked on logo href", href);
             this.$router.push(href)
+            this.$store.commit('Common/setPagetitle', null)
           }
         }
       })
     }
 
+    function initVPagetitleBlock(){
+      let $blk = document.querySelector('#block-pagetitle')
+      let $h2 = $blk.querySelector('h2')
+      // get the loaded pagetitle
+      let title = $h2.innerText
+      // if not front recorde the loaded pagetitle in store
+      if (!_is_front) {
+        store.commit('Common/setPagetitle', title)
+      }
+      // replace in template the pagetitle by vue binding
+      $h2.innerText = '{{ pagetitle }}'
+      // create the vue
+      _v_pagetitle_block = new Vue({
+        store,
+        router,
+        el: $blk,
+        computed: {
+          ...mapState({
+            pagetitle: state => state.Common.pagetitle
+          })
+        },
+      })
+    }
+
     function initVUserBlock(){
       let mount_point = drupalSettings.user.uid !== 0 ? 'block-userblock' : 'block-userlogin';
       let props = {
@@ -126,7 +152,8 @@ import 'theme/assets/styles/main.scss'
         // else create the empty block to fill it later with async data
         $search_block = document.createElement('div')
         $search_block.setAttribute('id', id)
-        let $region = document.getElementById('content-top');
+        // TODO: get region by REST
+        let $region = document.getElementById('header-bottom');
         $region.appendChild($search_block);
       }
 
diff --git a/web/themes/custom/materiotheme/assets/styles/base/_layout.scss b/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
index 2256e53..137cd44 100644
--- a/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
+++ b/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
@@ -14,6 +14,9 @@ body{
 
 div.dialog-off-canvas-main-canvas{
   width: 100vw;
+  height:100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
@@ -45,17 +48,24 @@ body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
 // |_||_\___\__,_\__,_\___|_|
 
 header[role="banner"]{
-   
+  flex:0 0 auto;
   background-color: #fff;
-  overflow: visible;
-  position: fixed;
-  z-index: 20;
+  // overflow: visible;
+  // position: fixed;
+  // z-index: 20;
   width:100vw;
-  height: $header_height;
+  // height: $header_height;
   .wrapper{
     @extend %grided-width;
     // box-sizing:border-box;
-    
+    background-color: #fff;
+
+    &:after{
+      content:"";
+      clear:both;
+      display: block;
+    }
+
     .header-block{
       min-height: 15px;
       font-size: 0;
@@ -73,14 +83,20 @@ header[role="banner"]{
 }
 
 
+
 //  __  __      _
 // |  \/  |__ _(_)_ _
 // | |\/| / _` | | ' \
 // |_|  |_\__,_|_|_||_|
 
 main[role="main"]{
-  @extend %grided-width;
-
-  padding-top: $header_height+8px;
-  
+  flex:1 1 auto;
+  overflow-y: auto;
+  overflow-x: hidden;
+  &>.wrapper{
+    width:100vw;
+    &>*{
+      @extend %grided-width;
+    }
+  }
 }
diff --git a/web/themes/custom/materiotheme/assets/styles/base/_variables.scss b/web/themes/custom/materiotheme/assets/styles/base/_variables.scss
index da37d9f..e8426ce 100644
--- a/web/themes/custom/materiotheme/assets/styles/base/_variables.scss
+++ b/web/themes/custom/materiotheme/assets/styles/base/_variables.scss
@@ -1,6 +1,4 @@
 $base_font_size:16px;
 
-$header_height: 60px;
-
 $column_width: 210px;
-$column_goutiere: 15px;
\ No newline at end of file
+$column_goutiere: 15px;
diff --git a/web/themes/custom/materiotheme/assets/styles/main.scss b/web/themes/custom/materiotheme/assets/styles/main.scss
index 66846ec..5520c23 100644
--- a/web/themes/custom/materiotheme/assets/styles/main.scss
+++ b/web/themes/custom/materiotheme/assets/styles/main.scss
@@ -171,59 +171,72 @@ header[role="banner"]{
 
   }
 
+
+  // header bottom
+  #block-pagetitle{
+    float: left;
+    padding:1em 0;
+    h2{
+      margin:0;
+      font-size: 1.512em;
+      text-transform: capitalize;
+      font-weight: 300;
+    }
+  }
+
+
+  #block-materiosapisearchblock{
+    float:right;
+    display:inline-block;
+    // box-shadow: 0 0 5px rgba(0,0,0,0.2);
+    padding:0;
+
+    #materio-sapi-search-form{
+      .form-item, input.button{
+        display: inline-block;
+      }
+
+      #edit-search{
+        border:1px #BBB solid;
+        border-radius: 14px;
+        padding:0.3em;
+        color:#666;
+      }
+
+      #edit-submit{
+        border:0;
+        text-indent: 50px;
+        overflow: hidden;
+        width:20px; height:20px;
+        margin:0;
+        // border-radius: 7px;
+        background-image: url('../img/search.png');
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: contain;
+      }
+
+    }
+
+  }
 }
 
+
+
+// main
 aside.messages{
   padding: 0;
 }
 
 // content top
-#content-top{
-  &:after{
-    content:"";
-    clear:both;
-    display: block;
-  }
-}
+// #content-top{
+//   &:after{
+//     content:"";
+//     clear:both;
+//     display: block;
+//   }
+// }
 
-#block-materiosapisearchblock{
-  float:right;
-  display:inline-block;
-  // box-shadow: 0 0 5px rgba(0,0,0,0.2);
-  padding:0;
-
-  #materio-sapi-search-form{
-    .form-item, input.button{
-      display: inline-block;
-    }
-
-    #edit-search{
-      border:1px #BBB solid;
-      border-radius: 14px;
-      padding:0.3em;
-      color:#666;
-    }
-
-    #edit-submit{
-      border:0;
-      text-indent: 50px;
-      overflow: hidden;
-      width:20px; height:20px;
-      margin:0;
-      // border-radius: 7px;
-      background-image: url('../img/search.png');
-      background-position: center;
-      background-repeat: no-repeat;
-      background-size: contain;
-    }
-
-  }
-
-}
-
-h1.page-title{
-  margin:0;
-}
 
 // front
 article.node--type-frontpage{
@@ -276,11 +289,13 @@ article.node--type-frontpage{
   }
 }
 
-
 .cards-list{
   position: relative;
   .search-info{
-    margin:0 0 1em 0;
+    font-size: 0.756em;
+    font-weight: 500;
+    margin: 0;
+    padding: 0 0 0.5em 0;
   }
 
   &>ul{
diff --git a/web/themes/custom/materiotheme/materiotheme.info.yml b/web/themes/custom/materiotheme/materiotheme.info.yml
index ada7bc0..36fb247 100644
--- a/web/themes/custom/materiotheme/materiotheme.info.yml
+++ b/web/themes/custom/materiotheme/materiotheme.info.yml
@@ -13,6 +13,7 @@ regions:
   header_left: 'Header left'
   header_middle: 'Header middle'
   header_right: 'Header right'
+  header_bottom: 'Header bottom'
   content_top: 'Content Top'
   content: Content
   footer_left: 'Footer Left'
diff --git a/web/themes/custom/materiotheme/materiotheme.libraries.yml b/web/themes/custom/materiotheme/materiotheme.libraries.yml
index ab25dc2..f2732c2 100644
--- a/web/themes/custom/materiotheme/materiotheme.libraries.yml
+++ b/web/themes/custom/materiotheme/materiotheme.libraries.yml
@@ -4,7 +4,7 @@ global-css:
     theme:
       assets/fonts/ubuntu/ubuntu.css: {}
       assets/styles/mdi/css/materialdesignicons.min.css: {}
-      assets/dist/main.css: {}
+      # assets/dist/main.css: {}
 
 global-js:
   version: VERSION
diff --git a/web/themes/custom/materiotheme/materiotheme.theme b/web/themes/custom/materiotheme/materiotheme.theme
index 2bab3ed..c091253 100644
--- a/web/themes/custom/materiotheme/materiotheme.theme
+++ b/web/themes/custom/materiotheme/materiotheme.theme
@@ -41,6 +41,12 @@ function materiotheme_preprocess_html(&$vars) {
   // ]);
   // $vars['head_title'] = $head_title;
 
+  // $title = "The new title";
+  // $request = \Drupal::request();
+  // if ($route = $request->attributes->get(\Symfony\Cmf\Component\Routing\RouteObjectInterface::ROUTE_OBJECT)) {
+  //   $route->setDefault('_title', $title);
+  // }
+
   global $base_url;
   $theme = \Drupal::theme()->getActiveTheme();
   $vars['#attached']['drupalSettings']['path']['themePath'] = $base_url .'/'. $theme->getPath();
@@ -67,6 +73,7 @@ function materiotheme_preprocess_html(&$vars) {
 
 function materiotheme_preprocess_page(&$vars){
   // dsm($vars, 'vars');
+
 }
 
 // function materiotheme_preprocess_node(&$vars){
@@ -79,10 +86,10 @@ function materiotheme_preprocess_page(&$vars){
 //   ));
 // }
 
-function materiotheme_preprocess_node_materiau_teaser(&$vars){
+// function materiotheme_preprocess_node_materiau_teaser(&$vars){
   // $vars['attributes']['class'] = 'card';
   // kint($vars['attributes']);
-}
+// }
 
 /**
  * Implements hook_form_alter
diff --git a/web/themes/custom/materiotheme/templates/content/page-title.html.twig b/web/themes/custom/materiotheme/templates/content/page-title.html.twig
new file mode 100644
index 0000000..363c5f3
--- /dev/null
+++ b/web/themes/custom/materiotheme/templates/content/page-title.html.twig
@@ -0,0 +1,21 @@
+{#
+/**
+ * @file
+ * Default theme implementation for page titles.
+ *
+ * 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.
+ *
+ * @ingroup themeable
+ */
+#}
+{{ title_prefix }}
+{% if title %}
+  <h2{{ title_attributes }}>{{ title }}</h2>
+{% endif %}
+{{ title_suffix }}
diff --git a/web/themes/custom/materiotheme/templates/layout/page.html.twig b/web/themes/custom/materiotheme/templates/layout/page.html.twig
index 931a3bb..280c990 100644
--- a/web/themes/custom/materiotheme/templates/layout/page.html.twig
+++ b/web/themes/custom/materiotheme/templates/layout/page.html.twig
@@ -57,22 +57,26 @@
         {% endif %}
       </div>
     </div>
+    <div id="header-bottom" class="wrapper">
+      {{ page.header_bottom}}
+    </div>
   </header>
 
   <main role="main">
-    {% if page.content.messages %}
-      <aside class="messages">
-        {{ page.content.messages }}
-      </aside>
-    {% endif %}
+    <div class="wrapper">
+      {% if page.content.messages %}
+        <aside class="messages">
+          {{ page.content.messages }}
+        </aside>
+      {% endif %}
 
-    <div id="content-top">
-      {{ page.content_top }}
+      <div id="content-top">
+        {{ page.content_top }}
+      </div>
+      <div id="main-content">
+        {{ page.content|without('messages') }}
+      </div>{# /.layout-content #}
     </div>
-
-    <div id="main-content">
-      {{ page.content|without('messages') }}
-    </div>{# /.layout-content #}
   </main>
 
   {% if page.footer_left or page.footer_center or page.footer_right %}
diff --git a/web/themes/custom/materiotheme/vuejs/components/Content/Base.vue b/web/themes/custom/materiotheme/vuejs/components/Content/Base.vue
index 6ba8bb4..a47bbdd 100644
--- a/web/themes/custom/materiotheme/vuejs/components/Content/Base.vue
+++ b/web/themes/custom/materiotheme/vuejs/components/Content/Base.vue
@@ -1,6 +1,5 @@
 <template>
   <div id="Base">
-    <h1 class="page-title">{{ pagetitle }}</h1>
     <div class="loading" v-if="!items.length">
       <span>Loading ...</span>
     </div>
diff --git a/web/themes/custom/materiotheme/vuejs/store/index.js b/web/themes/custom/materiotheme/vuejs/store/index.js
index 29c190e..769e312 100644
--- a/web/themes/custom/materiotheme/vuejs/store/index.js
+++ b/web/themes/custom/materiotheme/vuejs/store/index.js
@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import Common from './modules/common'
 import User from './modules/user'
 import Search from './modules/search'
 
@@ -8,6 +9,7 @@ import Search from './modules/search'
 Vue.use(Vuex)
 export default new Vuex.Store({
   modules: {
+    Common,
     User,
     Search
   }
diff --git a/web/themes/custom/materiotheme/vuejs/store/modules/common.js b/web/themes/custom/materiotheme/vuejs/store/modules/common.js
new file mode 100644
index 0000000..a0de11d
--- /dev/null
+++ b/web/themes/custom/materiotheme/vuejs/store/modules/common.js
@@ -0,0 +1,27 @@
+import { REST } from 'vuejs/api/rest-axios'
+import { JSONAPI } from 'vuejs/api/json-axios'
+import qs from 'querystring'
+
+export default {
+  namespaced: true,
+
+  // initial state
+  state : {
+    pagetitle:null,
+  },
+
+  // getters
+  getters : {},
+
+  // mutations
+  mutations : {
+    setPagetitle (state, title) {
+      console.log('Common, setPagetitle', title);
+      state.pagetitle = title
+    }
+  },
+
+  // actions
+  actions : {}
+
+}
diff --git a/web/themes/custom/materiotheme/vuejs/store/modules/search.js b/web/themes/custom/materiotheme/vuejs/store/modules/search.js
index 584f727..6c78bce 100644
--- a/web/themes/custom/materiotheme/vuejs/store/modules/search.js
+++ b/web/themes/custom/materiotheme/vuejs/store/modules/search.js
@@ -17,7 +17,7 @@ export default {
     count: 0,
     // infinteState will come from vue-infinite-loading plugin
     // implemented in vuejs/components/Content/Base.vue
-    infiniteState: null
+    infiniteLoadingState: null
   },
 
   // getters
@@ -55,8 +55,8 @@ export default {
     incrementOffset(state) {
       state.offset += state.limit
     },
-    setInfiniteState(state, s){
-      state.infiniteState = s
+    setInfiniteState(state, infiniteLoadingstate){
+      state.infiniteLoadingState = infiniteLoadingstate
     }
   },
 
@@ -67,12 +67,13 @@ export default {
       commit('resetUuids')
       commit('resetItems')
       commit('resetOffset')
+      this.commit('Common/setPagetitle', state.keys)
       dispatch('getResults')
     },
-    nextPage ({ dispatch, commit, state }, $state) {
-      console.log("Search nextPage", $state);
+    nextPage ({ dispatch, commit, state }, $infiniteLoadingstate) {
+      console.log("Search nextPage", $infiniteLoadingstate);
       commit('incrementOffset')
-      commit('setInfiniteState', $state)
+      commit('setInfiniteState', $infiniteLoadingstate)
       dispatch('getResults')
     },
     getResults ({ dispatch, commit, state }) {
@@ -161,15 +162,15 @@ export default {
       }
       console.log('items', items)
       commit('setItems', items)
-      if(state.infiniteState){
+      if(state.infiniteLoadingState){
         if (state.offset + state.limit > state.count) {
           console.log('Search infinite completed');
           // tell to vue-infinite-loading plugin that there si no new page
-          state.infiniteState.complete()
+          state.infiniteLoadingState.complete()
         }else{
           console.log('Search infinite loaded');
           // tell to vue-infinite-loading plugin that newpage is loaded
-          state.infiniteState.loaded()
+          state.infiniteLoadingState.loaded()
         }
       }
     }