@charset "UTF-8";
/* ^ needed for jekyll */
body {
  font-family: Helvetica, sans-serif;
  margin: 0 auto;
  /* center the page */
  max-width: 1000px; }

a {
  text-decoration: underline rgba(2, 149, 207, 0.2);
  color: #0295cf; }

a:hover, a:focus, a.active {
  text-decoration: underline; }

#name-header a {
  color: black;
  text-decoration: none; }

.hide p {
  padding: 10px;
  margin: 0; }

.toggle-input {
  display: none; }
  .toggle-input:checked ~ .toggle-label:after {
    content: ' –'; }
  .toggle-input:checked ~ .toggle-content {
    height: auto; }

.toggle-label:after {
  content: ' +'; }

.toggle-content {
  height: 0;
  overflow: hidden; }

#container {
  display: flex;
  flex-flow: row wrap; }

aside {
  flex: 1 100%;
  margin: 1em; }
  @media only screen and (min-width: 800px) {
    aside {
      flex: 1 0; } }

main {
  flex: 1 100%;
  margin: 1em; }
  @media only screen and (min-width: 800px) {
    main {
      flex: 3 0; } }

img {
  max-width: 150px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 3px solid #999; }

#papers dd {
  margin-left: 2em;
  text-indent: -1em; }
#papers .author .me {
  font-weight: bold; }
#papers .paper-title {
  font-size: 110%;
  margin-top: 1em; }

.news-item {
  display: flex;
  flex-flow: row wrap;
  /* needed to ignore p from jekyll in news entries */ }
  .news-item .date {
    padding-bottom: 0.5em; }
    @media only screen and (min-width: 800px) {
      .news-item .date {
        flex: 1;
        text-align: right;
        padding-right: 1em; } }
  .news-item .content {
    padding-bottom: 1em; }
    @media only screen and (min-width: 800px) {
      .news-item .content {
        flex: 5; } }
  .news-item .content > p {
    display: inline;
    margin: 0; }

.me {
  font-weight: bolder; }

.comma-list {
  display: inline;
  padding: 0; }
  .comma-list li {
    display: inline;
    list-style: none; }
    .comma-list li:after {
      content: ", "; }
    .comma-list li:last-child:after {
      content: ""; }

.tight-list {
  padding-left: 20px; }

.cv-section {
  margin-top: 30px;
  margin-left: 20px; }
  .cv-section h1 {
    margin-left: -20px; }
  .cv-section h3 {
    margin-bottom: 0px; }

footer {
  border-top: solid 1px #DDD;
  padding: 1em;
  margin: 0em 1em;
  text-align: center;
  color: #999;
  font-size: 50%; }

@media screen {
  .print-only {
    display: none; } }
@media print {
  main, aside {
    flex: 0 1 auto;
    overflow: visible !important; }

  a {
    color: black; }

  #container {
    display: block; }

  .screen-only {
    display: none; }

  .avoid-break {
    page-break-inside: avoid; }

  main, aside {
    margin: 0; }

  address {
    display: inline;
    padding-right: 1em; } }