Merge branch 'develop' of https://github.com/pmoreno-rodriguez/grav-theme-future2021 into develop

assets/css/main.css

@@ -2894,6 +2894,80 @@ ul.subitem_hide > li {
   padding-right: 8px;
 }
 
+/* Sytles for heading */
+.heading {
+  padding: 0em 3em 0.1em 3em;
+  background: #ffffff;
+  border: solid 1px rgba(160, 160, 160, 0.3);
+  margin: 0 0 0.75em 0;
+  position: relative;
+}
+.heading > header {
+  display: -moz-flex;
+  display: -webkit-flex;
+  display: -ms-flex;
+  display: flex;
+  border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+  left: -3em;
+  margin: -3em 0 3em 0;
+  position: relative;
+  width: calc(100% + 6em);
+}
+.heading > header .title {
+  -moz-flex-grow: 1;
+  -webkit-flex-grow: 1;
+  -ms-flex-grow: 1;
+  flex-grow: 1;
+  -ms-flex: 1;
+  padding: 3.75em 3em 3.3em 3em;
+}
+.heading > header .title h2 {
+  font-weight: 900;
+  font-size: 1.5em;
+}
+.heading > header .title > :last-child {
+  margin-bottom: 0;
+}
+@media screen and (max-width: 980px) {
+  .heading {
+    border-left: 0;
+    border-right: 0;
+    left: -3em;
+    width: calc(100% + (3em * 2));
+  }
+  .heading > header {
+    -moz-flex-direction: column;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    padding: 3.75em 3em 1.25em 3em;
+    border-left: 0;
+  }
+  .heading > header .title {
+    -ms-flex: 0 1 auto;
+    margin: 0 0 2em 0;
+    padding: 0;
+    text-align: center;
+  }
+}
+@media screen and (max-width: 736px) {
+  .heading {
+    padding: 1.5em 1.5em 0.1em 1.5em;
+    left: -1.5em;
+    margin: 0 0 0.45em 0;
+    width: calc(100% + (1.5em * 2));
+  }
+  .heading > header {
+    padding: 3em 1.5em 0.5em 1.5em;
+    left: -1.5em;
+    margin: -1.5em 0 1.5em 0;
+    width: calc(100% + 3em);
+  }
+  .heading > header .title h2 {
+    font-size: 1.1em;
+  }
+}
+
 /* Header */
 body {
   padding-top: 3.5em;
@@ -3293,4 +3367,4 @@ body.is-menu-visible #menu {
   #menu > * {
     padding: 1.5em;
   }
-}/*# sourceMappingURL=main.css.map */
+}