/* center the subtitle (affiliation) */
.quarto-title-block .subtitle {
  text-align: center;
}


/* color the email address */
.contact-email a {
  color: #1a73e8;  /* nice academic blue */
  text-decoration: none;
}

.contact-email a:hover {
  text-decoration: underline;
}

.navbar {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 40px;
}



/* Light mode */
html.quarto-light #title-block-header,
html.quarto-light #title-block-header .quarto-title-banner,
body.quarto-light #title-block-header,
body.quarto-light #title-block-header .quarto-title-banner {
  background-color: #375a7f !important;
}

/* Dark mode */
html.quarto-dark #title-block-header,
html.quarto-dark #title-block-header .quarto-title-banner,
body.quarto-dark #title-block-header,
body.quarto-dark #title-block-header .quarto-title-banner {
  background-color: #2c3e50 !important;
}

/* fallback */
#title-block-header,
#title-block-header .quarto-title-banner {
  background-color: #375a7f !important;
}

#title-block-header h1.title {
  color: white !important;
}

/* Ensure text is readable */
#title-block-header h1.title {
  color: #ffffff !important;
}

/* edit the index page, image, and columns of texts */
/*
img {
  max-width: 100%;
}

.grid {
  margin-top: 0px;
}

.g-col-md-4 {
  padding-right: 10px;
}
*/


/* for the line below the title
@keyframes revealLine {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.quarto-title-block::after {
  content: "";
  display: block;
  height: 1px;
  width: 0;
  margin: 20px auto;
  background: black;
  animation: revealLine 1s ease-out forwards;
}

*/