/* Site-specific overrides on top of Strata */

.site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem 1.25rem;
  list-style: none;
  margin: 1.5em 0 0;
  padding: 0;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.site-nav a {
  border-bottom: none;
  color: rgba(255, 255, 255, 0.55);
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: #fff;
}

@media screen and (max-width: 980px) {
  .site-nav {
    justify-content: center;
  }
}

#contact-form.hidden {
  display: none;
}

.contact-message {
  margin-top: 1em;
  font-size: 0.95em;
}

.contact-message.msg-info {
  color: #888;
}

.contact-message.msg-success {
  color: #4a9;
}

.contact-message.msg-error {
  color: #c55;
}

.contact-message:empty {
  display: none;
}

.work-item-links {
  margin-top: 1em;
}

.work-item-links .button.small {
  font-size: 0.7em;
  padding: 0 1.25em;
  height: 2.5em;
  line-height: 2.5em;
}