Commit compiled CSS

web/themes/custom/geofresco/dist/css/global.css

@@ -3051,11 +3051,10 @@ a.tag:hover {
 
 .site-title {
   display: inline-block;
-  width: 4.5em;
+  width: 4.6em;
+  word-break: keep-all;
   font-size: 37px;
-  line-height: 38px;
+  line-height: 38px; }
-  position: relative;
-  top: 2px; }
 
 .user-account-menu li {
   display: inline-block;
@@ -3069,12 +3068,12 @@ a.tag:hover {
 #navbar-menu .navbar-item {
   font-size: 22px; }
 
-.slogan .title {
+.slogan {
-  position: relative;
+  -webkit-box-shadow: 0 2px 0 0 whitesmoke;
-  top: 2px;
+  box-shadow: 0 2px 0 0 whitesmoke; }
-  color: #8FB489;
+  .slogan .title {
-  font-size: 1.2rem;
+    color: #8FB489;
-  margin: auto; }
+    font-size: 1.2rem; }
 
 .input, .textarea, .select select {
   background-color: white;
@@ -4726,7 +4725,7 @@ a.list-item {
       border-color: #0a0a0a; }
     .navbar.is-white .navbar-burger {
       color: #0a0a0a; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-white .navbar-start > .navbar-item,
       .navbar.is-white .navbar-start .navbar-link,
       .navbar.is-white .navbar-end > .navbar-item,
@@ -4771,7 +4770,7 @@ a.list-item {
       border-color: white; }
     .navbar.is-black .navbar-burger {
       color: white; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-black .navbar-start > .navbar-item,
       .navbar.is-black .navbar-start .navbar-link,
       .navbar.is-black .navbar-end > .navbar-item,
@@ -4816,7 +4815,7 @@ a.list-item {
       border-color: #363636; }
     .navbar.is-light .navbar-burger {
       color: #363636; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-light .navbar-start > .navbar-item,
       .navbar.is-light .navbar-start .navbar-link,
       .navbar.is-light .navbar-end > .navbar-item,
@@ -4861,7 +4860,7 @@ a.list-item {
       border-color: whitesmoke; }
     .navbar.is-dark .navbar-burger {
       color: whitesmoke; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-dark .navbar-start > .navbar-item,
       .navbar.is-dark .navbar-start .navbar-link,
       .navbar.is-dark .navbar-end > .navbar-item,
@@ -4906,7 +4905,7 @@ a.list-item {
       border-color: #fff; }
     .navbar.is-primary .navbar-burger {
       color: #fff; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-primary .navbar-start > .navbar-item,
       .navbar.is-primary .navbar-start .navbar-link,
       .navbar.is-primary .navbar-end > .navbar-item,
@@ -4951,7 +4950,7 @@ a.list-item {
       border-color: #fff; }
     .navbar.is-link .navbar-burger {
       color: #fff; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-link .navbar-start > .navbar-item,
       .navbar.is-link .navbar-start .navbar-link,
       .navbar.is-link .navbar-end > .navbar-item,
@@ -4996,7 +4995,7 @@ a.list-item {
       border-color: #fff; }
     .navbar.is-info .navbar-burger {
       color: #fff; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-info .navbar-start > .navbar-item,
       .navbar.is-info .navbar-start .navbar-link,
       .navbar.is-info .navbar-end > .navbar-item,
@@ -5041,7 +5040,7 @@ a.list-item {
       border-color: #fff; }
     .navbar.is-success .navbar-burger {
       color: #fff; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-success .navbar-start > .navbar-item,
       .navbar.is-success .navbar-start .navbar-link,
       .navbar.is-success .navbar-end > .navbar-item,
@@ -5086,7 +5085,7 @@ a.list-item {
       border-color: rgba(0, 0, 0, 0.7); }
     .navbar.is-warning .navbar-burger {
       color: rgba(0, 0, 0, 0.7); }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-warning .navbar-start > .navbar-item,
       .navbar.is-warning .navbar-start .navbar-link,
       .navbar.is-warning .navbar-end > .navbar-item,
@@ -5131,7 +5130,7 @@ a.list-item {
       border-color: #fff; }
     .navbar.is-danger .navbar-burger {
       color: #fff; }
-    @media screen and (min-width: 769px) {
+    @media screen and (min-width: 181.5px) {
       .navbar.is-danger .navbar-start > .navbar-item,
       .navbar.is-danger .navbar-start .navbar-link,
       .navbar.is-danger .navbar-end > .navbar-item,
@@ -5349,7 +5348,7 @@ a.navbar-item,
   height: 2px;
   margin: 0.5rem 0; }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 180.5px) {
   .navbar > .container {
     display: block; }
   .navbar-brand .navbar-item,
@@ -5392,7 +5391,7 @@ a.navbar-item,
   body.has-navbar-fixed-bottom-touch {
     padding-bottom: 3.25rem; } }
 
-@media screen and (min-width: 769px) {
+@media screen and (min-width: 181.5px) {
   .navbar,
   .navbar-menu,
   .navbar-start,
@@ -8148,3 +8147,12 @@ label.panel-block {
 .footer {
   background-color: #fafafa;
   padding: 3rem 1.5rem 6rem; }
+
+@media screen and (max-width: 362px) {
+  .sitename.column,
+  .logo.column {
+    width: 100%; } }
+
+.search-bar > .block,
+.logo > .image {
+  display: inline-block; }