/* ---  --- */
#header-pub-btns {
  margin-top: 1em;
  margin-bottom: 0.9375rem;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}

@media (max-width: 500px) {
  #header-pub-btns>a {
    display: block;
    margin-bottom: 0.3125rem;
  }
}

#header-pub-btns li {
  list-style: none;
  box-sizing: border-box;
  margin-right: 0.2em;
}

#header-pub-btns a {
  font-family: var(--header-font);
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 0.625rem 0.3125rem;
  background-color: #FFF;
  border-radius: 0;
  color: var(--text-col);
}

#header-pub-btns a:hover,
#header-pub-btns a:focus {
  color: #FFF;
  border: 1px solid var(--hover-col);
  background-color: var(--hover-col);
}

/* --- Link styles --- */

a.doi-link {
  /* font-style: normal; */
  color: #2980b9;
  font-family: var(--text-font);
}

a.doi-link:hover,
a.doi-link:focus {
  color: #1f567a;
}

a.orcid-link {
  /* font-style: normal; */
  color: #657e22;
  font-family: var(--text-font);
}

a.orcid-link:hover,
a.orcid-link:focus {
  color: #323c17;
}