diff --git a/web/themes/custom/geofresco/dist/css/global.css b/web/themes/custom/geofresco/dist/css/global.css index b1f1ed3..c1ef128 100644 --- a/web/themes/custom/geofresco/dist/css/global.css +++ b/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; - position: relative; - top: 2px; } + line-height: 38px; } .user-account-menu li { display: inline-block; @@ -3069,12 +3068,12 @@ a.tag:hover { #navbar-menu .navbar-item { font-size: 22px; } -.slogan .title { - position: relative; - top: 2px; - color: #8FB489; - font-size: 1.2rem; - margin: auto; } +.slogan { + -webkit-box-shadow: 0 2px 0 0 whitesmoke; + box-shadow: 0 2px 0 0 whitesmoke; } + .slogan .title { + color: #8FB489; + 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; }