/* circle image */
img.bubble {
  border-radius: 50%;
  width: 6rem;
  height: auto;
  border: 0.3rem solid var(--orange-8);
}

img.bubble.past {
  border: 0.3rem solid #bbb;
}

span.avatar {
  text-align: center;
  display: inline-block;
  width: 6rem;
  margin-top: 1rem;
}

nav.profiles {
  display: flex;
  padding-top: 2rem;
  justify-content: center;
  padding-bottom: 2rem;
}

/* styles for include files */

.person_header {
  margin-top: 1rem;
}
.person_header.pic {
  width: 6rem;
}
.person_header.title {
  margin-left: 1rem;
  margin-top: 2rem;
}
.person_header img.twitter {
  margin-top: 0.4rem;
  width: 1.4rem;
}

.related_profiles img.bubble {
  width: 5rem;
}
.related_profiles span {
  width: 6rem;
}
.related_profiles a {
  color: black;
  text-decoration: none;
}
.related_profiles a:hover {
  text-decoration: underline;
}

div.homepage_feature.row {
  margin: 1rem 0;
}
div.homepage_feature div.column {
  margin-top: 2rem;
  padding: 0rem 2rem;
  align-items: center;
  text-align: center;
  justify-items: center;
  max-width: 25rem;
}
div.homepage_feature div.column section,
div.homepage_feature div.column p {
  max-width: 20rem;
}
div.homepage_feature img {
  width: 16rem;
  height: auto;
}
div.homepage_feature section {
  font-weight: 600;
}
div.homepage_feature a {
  text-decoration: none;
  color: black;
}
div.homepage_feature a:hover {
  text-decoration: none;
}

div.homepage_feature span.date {
  color: white;
  font-weight: 600;
  background-color: #555;
  padding: 0 0.4rem;
}

cite.publication_item {
  font-style: normal;
  position: relative;
}
cite.publication_item h3 {
  margin: 0;
  font-weight: 400;
}
cite.publication_item h3 a {
  color: black;
}
div.publication_location {
  color: #555;
  font-size: 0.8rem;
  font-weight: 300;
}
cite.publication_item span {
  font-size: 0.9rem;
  font-weight: 370;
  display: inline;
  padding: 0.1rem;
  white-space: nowrap;
}
div.publications hr {
  display: block;
}
cite.publication_item small {
  background-color: lightgrey;
  font-size: 0.7rem;
  padding: 0.2rem;
  margin-right: 0.1rem;
  border-radius: 0.2rem;
  position: relative;
  bottom: 0.15rem;
}

/* styles targetting unique key features not in includes */

div.homepage_header {
  align-items: center;
  padding: 1rem;
  text-align: center;
  /* background: linear-gradient(70deg, var(--indigo-9) 30%, rgba(0,0,0,0) 30%), linear-gradient(30deg, var(--indigo-8) 60%, var(--indigo-7) 60%); */
  /* background: linear-gradient(70deg, var(--gold-9) 30%, rgba(0,0,0,0) 30%), linear-gradient(30deg, var(--indigo-8) 60%, var(--blue-8) 60%); */
  /* background: linear-gradient(70deg, var(--gold-9) 30%, rgba(0,0,0,0) 30%), linear-gradient(30deg, var(--indigo-8) 60%, var(--blue-8) 60%); */
  background: linear-gradient(70deg, var(--gold-8) 30%, rgba(0, 0, 0, 0) 30%),
    linear-gradient(30deg, var(--orange-8) 60%, var(--cyan-8) 60%);
  /* background: linear-gradient(70deg, var(--gold-9) 30%, rgba(0,0,0,0) 30%), linear-gradient(30deg, var(--orange-9) 60%, var(--cyan-9) 60%); */

  padding: 1.5rem 3rem;
  text-shadow: 0.05rem 0.05rem white;
}
div.homepage_header h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
  color: white;
}

span.nobreak {
  white-space: nowrap;
}

form > label {
  display: inline-block;
  padding-right: 1rem;
  width: 11rem;
  line-height: 2rem;
  background-color: linear-gradient(red, white);
}
form fieldset {
  padding: 1rem;
  /* margin-right: 1rem; */
}
form input {
  /*padding: 0.2rem 0; */
}

article div :not(cite) h3 small {
  position: relative;
  left: -1rem;
  display: inline-block;
  padding: 0 0.2rem;
  transform: skewX(-15deg);
}

article .updates h3 small {
  background-color: var(--indigo-9);
}

article .events h3 small {
  background-color: var(--orange-9);
}