body {
	background: white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* Helvetica stack */
    /* font-weight: 375;          /* Thin */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
	padding-bottom: 50px;
	/* margin: 0; */
	max-width: 1000px;
	margin: auto;
	font-size: 20px;
}

#layout-content {
	padding-top: 0.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
    border: none;
    background: white;
    text-align: left;
    vertical-align: top;
}

#toggle ~ p > a:first-child {
	font-weight: 600;
  }

tt {
    background: #ffffdd;
}

pre, tt {
	font-size: 90%;
	font-family: monaco, monospace;
}

a, a > tt {
	color: #224b8d;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px gray dotted;
}

h1, h2, h3 {
	color: #000000; 
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	line-height: 1.0;
	padding-top: 0.5em;
	border-bottom: 1px solid #aaaaaa;
}

h1 {
	font-size: 200%;
}

h2 {
	padding-top: 0.8em;
	font-size: 125%;
	/* margin-left: 15vw;
	margin-right: 15vw; */
	max-width: 1000px;
	margin: auto;
}

h2 + h3 {
    padding-top: 0.2em;
}

h3 {
	font-size: 110%;
	border-bottom: none;
}

p {
	margin-top: 0.0em;
	margin-bottom: 0.8em;
	padding: 0;
	line-height: 1.3;
}

pre {
	padding: 0;
	margin: 0;
}

@media print {
	#layout-menu { display: none; }
}

div#toptitle h1, #layout-content div#toptitle h1 {
	margin-bottom: 0.0em;
	padding-bottom: 0.1em;
	padding-top: 0;
	margin-top: 0.5em;
	border-bottom: none;
}

.hero {
    display: flex;
    align-items: center;           /* vertically center name block vs photo */
    justify-content: space-between;/* left block on left, image on right */
    gap: 32px;
    width: 100%;
    max-width: 900px;              /* constrain hero width */
    margin: 100px auto 24px;        /* center the hero block */
}
.hero-text { flex: 1 1 auto; text-align: left; } /* left-align name + links */
.hero-photo { width: 400px; height: auto; flex: 0 0 auto; margin-left: auto; float: none; }
.hero #toptitle { border-bottom: none; margin: 0; padding: 0; }


/* Stack on small screens */
@media (max-width: 700px) {
    .hero { flex-direction: column-reverse; align-items: flex-start; max-width: 100%; }
    .hero-photo { margin: 0 0 12px 0; }
}

.contact { margin-top: 1.25em; line-height: 1.2; }
.contact .email {
  /* font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; texttt-like */
  font-family: Courier; /* texttt-like */
  font-size: 20px;   /* increase size */
  font-weight: 500;
  letter-spacing: 0.2px;
}
.contact .scholar {
	/* font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; texttt-like */
	font-family: Courier; /* texttt-like */
	font-size: 20px;   /* increase size */
	font-weight: 500;
	letter-spacing: 0.2px;
  }
.contact .twitter {
	/* font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; texttt-like */
	font-family: Courier; /* texttt-like */
	font-size: 20px;   /* increase size */
	font-weight: 500;
	letter-spacing: 0.2px;
}

.award { color: #d00000; font-weight: 600; }
.oral { color: #d00000; font-weight: 600; }
.position { font-size: 24px; }

#toggle { 
	margin-bottom: 0.5em;  /* adds gap between the underline and first publication */
  }
  

.hidepaper {
	display: none;
}
.content-section {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}
.content-section img {
	margin-right: 20px;
}
.content-section p {
	margin: 0;
}
.image-caption {
	text-align: center;
	margin-top: 15px !important; 
}