@charset "utf-8";

// Set our custom font for all headers and menus
.title,
.subtitle,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.menu {
  font-family: $family-geo;
}

// Give us some color classes
.green {
  color: $green;
}

.yellow {
  color: $yellow;
}

.geo-title {
  display: block;
  width: 6em;
  position: relative;
  bottom: 3.6rem;
  overflow: visible;
  height: 1rem;
}

.block-geofresco-branding {
  margin-bottom: 0;
}

// Prevent images from being larger than their Drupal-set size
.image.no-upscale img {
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
}

// Add a gradient across only a portion of the vertical width of the navbar.
.navbar {
  background: linear-gradient(
    $body-background-color,
    $body-background-color 20px,
    $light-green 20px,
    $green 40px,
    $green 60px,
    $body-background-color 60px,
    $body-background-color
  );
}


// Style the wordmark (logo)
.navbar-item .wordmark {
  max-height: 3rem; // 4rem
}

$navbar-item-img-max-height: 3rem;

.navbar-item .wordmark img {
  height: 100%;
  width: auto;
}