Commit compiled CSS

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

@@ -3049,10 +3049,12 @@ a.tag:hover {
   text-align: center;
   vertical-align: top; }
 
+/* Extend or override Bulma's elements ../../node_modules/bulma/sass/elements */
 .site-title {
   display: inline-block;
   width: 4.6em;
   word-break: keep-all;
+  /* Shouldn't be needed but Chrome needs it. */
   font-size: 37px;
   line-height: 38px; }
 
@@ -3060,6 +3062,7 @@ a.tag:hover {
   display: inline-block;
   padding: .1rem .6rem; }
 
+/* Add a gradient across only a portion of the vertical width of the navbar. */
 .header,
 .sitename {
   background: -o-linear-gradient(white, white 74px, #65AB1F 74px, #478D00 120px, white 120px, white);
@@ -3070,7 +3073,11 @@ a.tag:hover {
 
 .slogan {
   -webkit-box-shadow: 0 2px 0 0 whitesmoke;
-  box-shadow: 0 2px 0 0 whitesmoke; }
+  box-shadow: 0 2px 0 0 whitesmoke;
+  margin-bottom: 2px;
+  /* Needed to see the boxshadow when we have the featured image directly below. */
+  padding-bottom: 4px;
+  /* Give just a little extra space at the bottom for the *appearance* of balance. */ }
   .slogan .title {
     color: #8FB489;
     font-size: 1.2rem; }
@@ -8185,6 +8192,10 @@ label.panel-block {
   background-color: #fafafa;
   padding: 3rem 1.5rem 6rem; }
 
+/**
+ * Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
+ */
+/* Center logo & sitename when they stack on tiny screens. */
 @media screen and (max-width: 362px) {
   .sitename.column,
   .logo.column {
@@ -8193,3 +8204,10 @@ label.panel-block {
 .search-bar > .block,
 .logo > .image {
   display: inline-block; }
+
+/* On any page except the home, drop the title over (where we want) the image (to be). */
+.page-title {
+  height: 0;
+  position: relative;
+  overflow: visible;
+  z-index: 10; }