@import url(resetandbase.css);
html, body, h1, h2, h3, h4, div, ul, li, span, section {
  margin: 0;
  padding: 0; }

h1 {
  margin: 1em 0; }

h2 {
  margin: 1em 0; }

h3 {
  margin: 0.6em 0; }

ul {
  padding-left: 2.5em; }

.header-outer {
  background-color: #110a0d;
  color: #eef5f2;
  overflow: auto; }

.header-inner, .main-wrapper {
  max-width: 60em;
  margin: auto; }

header {
  font-family: 'Playfair Display', serif;
  display: flex;
  align-items: stretch;
  -webkit-align-items: stretch;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap; }
  header h1 {
    display: inline-block;
    margin: auto 0.4em;
    font-size: 2.4em; }
  header .button-menu {
    display: inline-block;
    font-size: 1.3em; }
    header .button-menu ul {
      margin: 0;
      padding: 0.2em;
      display: flex;
      align-items: stretch;
      flex-wrap: wrap; }
      header .button-menu ul li {
        display: inline-block;
        list-style: none; }
        header .button-menu ul li a {
          color: #eef5f2;
          text-decoration: none;
          font-style: normal;
          display: inline-block;
          padding: 1.3em 0.8em; }
        header .button-menu ul li a:hover {
          color: #fecb50; }
      header .button-menu ul li.active, header .button-menu ul li.current-page-item {
        background-color: #2d607c; }

main {
  font-family: 'Open Sans', sans-serif;
  margin: 0 0.4em; }
  main h1, main h2, main h3, main h4 {
    padding: 0 0.2em;
    margin-bottom: 0.4em; }
  main h1 span, main h2 span {
    border: solid #f09d06;
    clear: both; }
  main h1 {
    font-size: 1.6em; }
    main h1 span {
      border-width: 0.2em 0; }
  main h2 {
    font-size: 1.5em; }
    main h2 span {
      border-width: 0 0 1px 0; }
  main h3 {
    font-size: 1.4em; }
  main h4 {
    font-size: 1.2em; }
  main .codeblock {
    background-color: #110a0d;
    color: #eef5f2;
    border: 0.2em solid #f09d06; }
    main .codeblock .label {
      background-color: #f09d06;
      margin: 0;
      padding: 0.2em 0.4em;
      color: #110a0d; }
    main .codeblock pre {
      padding: 0;
      margin: 0;
      white-space: normal;
      overflow-x: auto; }
      main .codeblock pre code {
        white-space: pre; }
  main .shellblock {
    background-color: #110a0d;
    color: #eef5f2;
    border: 0.2em solid #f09d06;
    margin: 0.6em 0.1em; }
    main .shellblock code {
      display: block;
      white-space: pre-wrap;
      padding: 0.4em; }
    main .shellblock code:before {
      content: "$ "; }
  main .shellblock.root code:before, main .shellblock code.root:before {
    content: "$ "; }
  main figure {
    margin: auto;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0.3em;
    box-sizing: border-box; }
    main figure img {
      border: 0.2em solid #f09d06;
      max-width: 100%;
      height: auto;
      max-height: 40em;
      margin: auto; }
  main .image-list li {
    display: inline-block; }
  main .image-list {
    display: flex;
    flex-wrap: wrap; }
    main .image-list li {
      list-style: none; }
      main .image-list li a, main .image-list li > div {
        display: block;
        text-decoration: none;
        border: 0.3em solid #f09d06;
        margin: 0.3em; }
        main .image-list li a .image, main .image-list li > div .image {
          width: 160px;
          height: 160px;
          background-color: #FFFFFF; }
        main .image-list li a p, main .image-list li > div p {
          text-align: center;
          font-family: 'Playfair Display', serif;
          color: #110a0d;
          font-size: 1.2em;
          padding: 0.3em;
          margin: 0; }
        main .image-list li a .icons, main .image-list li > div .icons {
          background: url("icons-grid.svg"); }
      main .image-list li a p {
        background-color: #f09d06; }
      main .image-list li a:hover {
        border: 0.3em solid #fecb50; }
        main .image-list li a:hover p {
          background-color: #fecb50; }

.no-svg .resume main a:before {
  background-image: url("icons-grid.png"); }
.no-svg main .image-list li a .icons, .no-svg main .image-list li > div .icons {
  background-image: url("icons-grid.png"); }

.print-only-inline {
  display: none;
}

@page {
  margin: 2.2cm 2.0cm 2.0cm;
  padding: 0;
  line-height: 1;
  font-size: 100%;
  counter-increment: page;
  counter-reset: page 1;
  @top-left {
    content: "A"; }
  @top-right {
    content: "B"; }
  @bottom-left {
    content: "C"; }
  @bottom-right {
    content: "D"; }
  @top-left-corner {
    content: "E"; }
  @top-right-corner {
    content: "F"; }
  @bottom-left-corner {}
  @bottom-right-corner {
    content: "H"; }
  @bottom-center {
    content: "Page " counter(page) " of " counter(pages); }
  @right-middle {
    content: "A"; } }
@media screen {
  .resume-header {
    border: 0.2em solid #fecb50;
    display: inline-block;
    margin: 0.4em;
    padding: 0.6em; } }
@media screen and (min-width: 40em) {
  .resume-header {
    float: right; } }
@media print {
  .header-outer {
    display: none; }

  .no-print {
    display: none;
  }

  .print-only-inline {
    display: inline;
  }

  .resume .certificates {
    padding: 0.5em 1em;
    margin: 0;
  }

  .resume .referees .referee-list {
    padding-left: 7.6em; }

  .resume-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em; }
    .resume-header .header-name {
      font-size: 4em;
      font-family: 'Playfair Display', serif;
      align-self: flex-end; }
    .resume-header div {
      text-align: right; }
      .resume-header div .resume-address, .resume-header div .resume-phone, .resume-header div .resume-email, .resume-header div .resume-website {
        margin: 0;
        padding: 0.1em 0; }

  .resume {
    font-size: 12px; }
    .resume h1 {
      display: none; }
    .resume main {
      margin: 0;
      padding: 0;
      font-weight: 400; }
      .resume main a {
        color: inherit;
        text-decoration: none; }
      .resume main h2 {
        margin-top: 0.8em;
        font-size: 1em; }
        .resume main h2 span {
          font-size: 1.5em;
          border: none;
          vertical-align: middle; }
      .resume main h2:before {
        display: inline-block;
        content: "";
        width: 7.6em;
        height: 0.4em;
        background-color: #fecb50;
        margin-right: 0.4em; }
      .resume main h3 {
        margin: 0;
        font-size: 1em;
        font-variant: normal;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif; }
      .resume main > section > section {
        border-spacing: 0 0.6em; }
        .resume main > section > section > section {
          display: table-row; }
          .resume main > section > section > section h3 {
            display: table-cell; }
          .resume main > section > section > section ul {
            display: table-cell;
            padding-left: 0.5em;
            vertical-align: middle; }
      .resume main > section > section > section h3, .resume main .dated-list .date, .resume main .category-list .category {
        width: 4.0em;
        display: table-cell;
        padding: 0.1em 0.5em 0.1em 0;
        border-right: 0.2em solid #fecb50;
        text-align: right;
        vertical-align: middle; }
      .resume main .image-list, .resume main ul {
        display: table-cell;
        flex-wrap: inherit;
        padding: 0 0 0 0.5em; }
        .resume main .image-list > li, .resume main ul > li {
          background: none;
          display: inline; }
          .resume main .image-list > li a, .resume main .image-list > li > div, .resume main ul > li a, .resume main ul > li > div {
            display: inline;
            border: none;
            margin: 0; }
            .resume main .image-list > li a p, .resume main .image-list > li > div p, .resume main ul > li a p, .resume main ul > li > div p {
              background: transparent none;
              font-size: 1em;
              font-family: 'Open Sans', sans-serif;
              display: inline;
              padding: 0;
              margin: 0; }
          .resume main .image-list > li .image, .resume main ul > li .image {
            display: none; }
        .resume main .image-list > li:after, .resume main ul > li:after {
          content: ", "; }
        .resume main .image-list > li:last-child:after, .resume main ul > li:last-child:after {
          content: "."; }
      .resume main .dated-list li:after, .resume main .dated-list li:last-child:after, .resume main .category-list li:after, .resume main .category-list li:last-child:after, .resume main .referees .referee-list li:after, .resume main .referees .referee-list li:last-child:after {
        content: ""; } }
div.dated-list, ul.dated-list, div.category-list, ul.category-list {
  display: table;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0 0.6rem;
  margin: -0.6rem 0 -0.6rem 0; }
  div.dated-list > ul, ul.dated-list > ul, div.category-list > ul, ul.category-list > ul {
    margin: 0;
    padding: 0; }
  div.dated-list > ul > li, ul.dated-list > ul > li, div.category-list > ul > li, ul.category-list > ul > li {
    display: table-row;
    list-style: none;
    padding: 1.2em 1em; }
    div.dated-list > ul > li > p, div.dated-list > ul > li > li, ul.dated-list > ul > li > p, ul.dated-list > ul > li > li, div.category-list > ul > li > p, div.category-list > ul > li > li, ul.category-list > ul > li > p, ul.category-list > ul > li > li {
      display: table-cell;
      padding-left: 0.5em;
      vertical-align: middle; }

.dated-list .date, .category-list .category {
  display: table-cell;
  padding: 0.1em 0.5em 0.1em 0;
  border-right: 0.2rem solid #fecb50;
  text-align: right;
  vertical-align: middle; }

.resume .referees .referee-list {
  display: flex;
  flex-wrap: wrap; }
  .resume .referees .referee-list li {
    margin: 0.1em 0.6em;
    list-style: none; }
    .resume .referees .referee-list li p {
      padding: 0.1em 0;
      margin: 0.1em 0; }

.resume main .resume-address a, .resume main .resume-phone a, .resume main .resume-email a, .resume main .resume-website a {
  text-decoration: none;
  vertical-align: middle; }
.resume main .resume-address a:before, .resume main .resume-phone a:before, .resume main .resume-email a:before, .resume main .resume-website a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.0em;
  height: 1.0em;
  background-image: url("icons-grid.svg");
  background-size: auto 2.0em;
  margin-right: 0.2em; }
.resume main .resume-phone a:before {
  background-position: -11em -1em; }
.resume main .resume-phone.mobile a:before {
  background-position: -12em -1em; }
.resume main .resume-email a:before {
  background-position: -13em -1em; }
.resume main .resume-website a:before {
  background-position: -14em -1em; }

.no-svg .resume main .resume-address a:before, .no-svg .resume main .resume-phone a:before, .no-svg .resume main .resume-email a:before, .no-svg .resume main .resume-website a:before {
  background-image: url("icons-grid.png"); }

/*# sourceMappingURL=template.css.map */