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

// Make menu items slightly less far apart so we never entirely lose
// 'Community' on mid-size screens.
// See https://gitlab.com/drutopia/octavia/issues/52
.navbar-item, .navbar-link {
  padding-left: .75rem;
  padding-right: .75rem;
  @include from($widescreen) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

// Move the user account menu to the left of the hamburger menu on mobile
@include mobile {
  #block-geofresco-account-menu .menubar {
    position: absolute;
    right: 3.25rem;
    z-index: 40;
    top: 2.5rem;
  }
}

// OK somehow now we need to give the navbar a z-index, any z-index at all,
// or else the slogan is hidden.
.navbar {
  z-index: 0;
}

// Featured images on article pages

.featured-image figure.image {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  img {
    width: 100%;
  }
}