@charset "UTF-8";
// Extend or override Bulma's elements ../../node_modules/bulma/sass/elements

@use "../../node_modules/bulma/sass/utilities/derived-variables" as *;
@use "variables" as *;

.user-account-menu li {
  display: inline-block;
  padding: .1rem .6rem;
}

// Add a gradient across only a portion of the vertical height of the navbar.
.header {
  background-image: url(../../images/green-stripe.png);
  background-position-y: var(--bulma-column-gap);
  background-repeat: repeat-x;
}

.site-title {
  display: inline-block;
  width: 4.6em;
  word-break: keep-all; // Shouldn't be needed but Chrome needs it.
  font-size: 2.3125rem;
  line-height: 2.375rem;
}

.geo-logo-name {
  display: flex !important;
  overflow: hidden;
  width: 100%;
  .logo, .sitename {
    display: table-cell;
  }
  .logo a {
    display: block;
  }
  .logo img {
    height: 7.5rem; // 120px
    width: 12.4375rem; // 199px
  }
  // @include from($tablet) {
  //   width: fit-content;
  // }
  // @include until($mini) {
  //   justify-content: flex-end;
  // }
}

#navbar-menu .navbar-item {
  font-size: 1.357rem;
}

.slogan {
  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.
  .title {
    color: $green-gray;
    font-size: 1.2rem;
  }
}

// Give some space above the subtitle.
.featured-image {
  margin-bottom: 0.5rem;
}

// TODO consider if this would look better with margin only on the content side
// so somehow removing left margin if the inline style has float: left applied.
// Also to consider decreasing the margin on mobile sizes.
.image-inline {
  margin: 1em;
}

.drum {
  margin-bottom: 1.2rem;
}

// Remove empty gap from featured homepage image, to match look of content.
.block--highlighted {
  margin-top: -1.5rem;
}

// I know this is wrong but it seems to work flawlessly across sizes.
.more-link {
  float: right;
  position: relative;
  top: -0.333rem;
}
