/* Common */

p {
  line-height: 28px;
}

a, a:hover, a:visited, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, a.nav-link {
  color: #3073b7;
}

a.active, a.active:hover, a.active:visited, .navbar-light .navbar-nav .nav-link.active:hover {
  color: #333;
  text-decoration: none;
  cursor: auto;
}

a:hover {
  text-decoration: underline;
}

/* dividers */

.plain-divider {
  border-top: solid 1px var(--bs-gray-300);
  height: 0px;
  width: 100%;
}

.medal-divider {
  border-bottom: solid 1px var(--bs-gray-300);
  height: 20px;
  width: 100%;
  text-align: center;
}

.medal-divider span {
  font-size: 29px;
  background: var(--bs-body-bg);
  padding: 0px 20px;
  color: var(--bs-gray-300);
}

/* shared navs */

.nav-item {
  border-right: solid 1px var(--bs-gray-300);
}

#header-top .nav-item.last-item {
  border-right: none;
}

@media (min-width: 990px) {
  #navcol-1 .nav-item.last-item {
    border-right: none;
  }
}

.biography .experience-card.last-item .timeline .vline {
  border-right: none;
}

/* header */

#header {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  background: url("../../assets/img/banner/Header_color2.png") no-repeat;
  background-size: contain;
}

#header-top {
  font-size: 0.8em;
  padding-top: 10px;
  display: flex;
}

#header-top .nav .nav-link {
  padding: 0px 16px;
}

#header #header-nav {
  /*margin-top: auto;*/
  margin-top: 40px;
}

#header-nav {
  font-size: 1.3em;
  margin-left: -12px;
}

#header-nav .navbar-brand {
  font-size: 2em;
}

#header-nav .navbar-brand:hover {
  text-decoration: none;
}

#header-nav .nav-link {
  padding: 0px 25px;
}

#header-nav #navcol-1 {
  margin-top: 15px;
}

/* main */

main {
  margin: 40px 0px;
}

/* intro-main */

#intro-main {
}

/* intro-text */

#intro-text {
  margin-bottom: 40px;
}

/* biography - employment and education shared */

.biography {
}

.biography h5 {
  color: var(--bs-gray-500);
  margin-bottom: 20px;
}

/* .biography .experience-card */

.biography .experience-card {
  display: flex;
  margin-bottom: 10px;
}

/* .biography .experience-card .timeline */

.biography .experience-card .timeline {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.biography .experience-card .timeline .dot {
  font-size: 8px;
  line-height: 16px;
  padding-top: 1px;
  color: var(--bs-gray-500);
  width: 8px;
}

.biography .experience-card .timeline .vline {
  width: 4px;
  flex: 1;
  border-right: 1px solid var(--bs-gray-500) ;
}

/* .biography .experience-card .main-block */

.biography .experience-card .main-block h5 {
  color: var(--bs-body-color);
  margin-bottom: 0px;
}

.biography .experience-card .main-block h6 {
  line-height: 16px;
}

.biography .experience-card .main-block .logo-column {
  display: flex;
  flex-direction: column;
}

.biography .experience-card .main-block .logo-image {
  height: 50px;
  width: 50px;
  object-fit: cover;
  margin-bottom: 5px;
  margin-right: 20px;
}

/* employment */

#employment {
  margin-bottom: 20px;
}

/* education */

#education {
  margin-bottom: 20px;
}

#employment p, #education p {
  margin-bottom: 0px;
}

/* main-fig */

#main-fig .figure {
  margin-bottom: 30px;
}

#main-fig .figure .img-fluid {
  margin-bottom: 10px;
}

#main-fig .figure-caption {
  color: #9b9b9b;
  font-size: 0.8em;
  text-align: right;
}

/* research-intro */

#research-intro {
  margin-top: 30px;
}

#research-intro .research-card {
  margin-bottom: 25px;
}

#research-intro .research-card a {
  text-decoration: none;
  display: flex;
}

#research-intro .research-card a span {
  font-size: 0.6em;
  padding: 4px 8px;
  background: var(--bs-gray-300);
  border-radius: 20px;
  margin-left: 10px;
}

/* intro-award */

#intro-award {
  margin-top: 30px;
}

#intro-award h4 {
  margin-bottom: 30px;
  color: var(--bs-gray-500);
}

#intro-award .award-card {
  margin-bottom: 20px;
}

#intro-award .award-card .award-from {
  font-style: italic;
}

#intro-award .award-card .img-fluid.float-end {
  box-shadow: 0px 0px 4px 1px #adb5bd;
}

/* footer */

footer {
  color: var(--bs-gray-600);
  font-size: 0.8em;
  padding-top: 15px;
  text-align: center;
}

/* publication */

#publication {
}

#publication .row {
  margin-bottom: 20px;
}

#publication h4 {
  color: var(--bs-gray-500);
  margin-bottom: 30px;
}

.article-item {
  display: flex;
}

#publication .article-icon {
  font-size: 1.2em;
  margin-right: 10px;
  color: var(--bs-gray-500);
  padding-top: 5px;
}

#publication p .article-self {
  font-weight: bold;
}

#publication p .article-journal {
  font-style: italic;
}

#publication p .article-volume {
  font-weight: bold;
}