/* page size */
@page {
  size: letter;
  /*size: 6in 9in;*/
  margin: 0.25in 0.25in 0.5in 0.25in;
  @top-right {
    content: element(updateRunning);
  }
  @bottom-right {
    content: counter(page);
  }
  @bottom-center {
    content: element(footerRunning);
  }
}
@page:nth(1) {
  @top-left {
    content: element(clearanceRunning);
  }
}

.update {
  position: running(updateRunning);
}

.clearance {
  position: running(clearanceRunning);
}

.footer {
  position: running(footerRunning);
}
/* allows links in footer to come through when covered by element */
.pagedjs_margin.pagedjs_margin-bottom-center.hasContent {
  z-index: 1;
}
/*.footnotes, .page2-end {
  z-index: 2;
}*/

/* grids */
/* grid page 1 */
.top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.linkedin, .site {
  text-align: center;
}
.email, .twitter {
  text-align: right;
}
/* grid page 2 */
.pagedjs_page_content > div {
  /* this shows overflow content within div.pagedjs_area over the other div.pagedjs_pagebox items */
  position: absolute; 
}
.main {
  display: grid;
  /*grid-gap: 1rem;*/
  /*overflow: hidden;*/ /* this actually breaks the chrome capture tool */
  grid-template-rows: 1fr;
  grid-template-columns: 50% 50%;
}
.section.level1 {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  /*display: grid;*/ /* unnecessary */
}
div.page2-end {
  grid-row: 2 / 3;
  grid-column: 2;
  text-align: center;
}
/*div.page2-end a {
  display: contents;
}*/
div.page2-end img {
  width: 91%;
}
.footnotes {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  font-size: 80%;
}
/* grid margin top */
.pagedjs_margin-top {
  padding-top: 8px;
}
/* grid margin bottom */
.pagedjs_margin-bottom-center > .pagedjs_margin-content {
  padding-top: 10px;
}
.pagedjs_left_page .pagedjs_margin-bottom {
  grid-template-columns: .85fr 1.15fr 1fr !important;
}
.pagedjs_left_page .pagedjs_margin-bottom-center > .pagedjs_margin-content {
  text-align: left;
}

div.education > h2 {
  background-image: url(../img/nittany-lion.png);
  background-repeat: no-repeat;
  background-position: 58% 75%;
  background-size: 30px;
  padding-top: 4px;
}
.top a {
  color: black !important;
  text-decoration: none;
}
a:not(.footnote-ref) {
  /*color: #00A3E2;*/
  color: #528672;
}
.top .cell a {
  background-image: url(../img/cell.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 20px;
  padding-right: 20px;
}
.top .github a {
  background-image: url(../img/github.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 24px;
  padding-right: 24px;
}
.top .linkedin a {
  background-image: url(../img/linkedin.png);
  background-repeat: no-repeat;
  background-position: left 0%;
  background-size: 17px;
  padding-left: 21px;
}
.top .email a {
  background-image: url(../img/email.png);
  background-repeat: no-repeat;
  background-position: left 300%;
  background-size: 18px;
  padding-left: 20px;
}
.top .twitter a {
  background-image: url(../img/twitter.png);
  background-repeat: no-repeat;
  background-position: left 50%;
  background-size: 18px;
  padding-left: 22px;
}

.pagedjs_sheet {
  padding: 5px;
  /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1)), linear-gradient(to bottom, #00A3E2 0%, #ecff00 100%);*/
  background-image: linear-gradient(to bottom, #fdfbf7 0%, #fdfbf7), linear-gradient(to bottom, #4e734d 0%, #ecc187 50%, #770505 100%);
  background-clip: content-box, padding-box;
}

/* 2nd page career path position titles */
h3 ~ p {
  padding-bottom: 4px;
}
/* 2nd page <br> elements between <h2> elements */
p:has(> br) {
    padding: 0;
}
/* 2nd page ML Lists */
h2 ~ center ~ ul:not(.os) {
  padding-top: 4px;
}

p {
  margin: 0;
  line-height: 8px;
}

.footnotes > ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
.footnotes > ol > li > p {
  display: inline;
}
.footnotes > hr {
  margin: 0;
  border: none;
}
.footnotes hr::before {
  content: "Footnotes:";
}
.footnote-break {
  width: 1in;
}


sup {
  vertical-align: top;
}

ul {
  margin: 0;
}

ul.os {
  padding-left: 0;
  list-style-type: none;
  line-height: 1.45;
}

ul.os > li {
  padding: 0 0 0 24.5px;
  background-position: 0% 55%;
  background-size: 18px; /* width of image */
  background-repeat: no-repeat;
}

ul > li.content {
  padding: 0;
  list-style-position: inside !important;
}

ul:not(.os) {
  padding: 0 0 0 14px;
}

/* for safari browser - change all ::marker to use :before with javascript */
ul:not(.os) > li::marker {
  content: '–  ';
}
li.li-disaster::marker {
  content: '🌪️';
}
li.li-earth::marker {
  content: '🌎';
}
li.li-sat::marker {
  content: '🛰';
}
li.li-dish::marker {
  content: '📡';
}
li.li-rocket::marker {
  content: '🚀';
}
li.li-map::marker {
  content: '🗺';
}
li.li-mac::marker {
  content: '💻';
}

div.booz > h3::after {
  content: 'Remote - February 2023 – October 2023';
}
div.peraton > h3::after {
  content: 'Chantilly, VA - June 2017 – December 2022';
}
div.jpmc h3::after {
  content: 'Newark, DE - June 2016 – August 2016';
}
div.psu h3::after {
  content: '(January 2016 – October 2016)';
}

:root {
  --background: whitesmoke;
  --pagedjs-width: 6in;
  --pagedjs-height: 9in;
  /* color=paper overridden by background-image */
  --color-paper: #fdfbf7;
  --color-mbox: rgba(0, 0, 0, 0.2);
  --running-title-width: 2.5in;
  --screen-pages-spacing: 5mm;
}

html {
  line-height: 1.3;
}

/* generated content */
/*a[href^="http"]:not([class="uri"])::after {
  content: " (" attr(href) ")";
  font-size: 90%;
  hyphens: none;
  word-break: break-all;
}*/
.references a[href^=http]:not([class=uri])::after {
  content: none;
}
.main a[href^="#"]:not([class^="footnote-"]):not([href*=":"])::after {
  content: " (page " target-counter(attr(href), page) ")";
}
.main a.front-matter-ref[href^="#"]:not([class^="footnote-"]):not([href*=":"])::after {
  content: " (page " target-counter(attr(href), page, lower-roman) ")";
}
/* do not include page references in code blocks */
.sourceCode a[href^="#"]:not([class^="footnote-"]):not([href*=":"])::after,
.sourceCode a.front-matter-ref[href^="#"]:not([class^="footnote-"]):not([href*=":"])::after {
  content: unset;
}

/* TOC, LOT, LOF */
.toc ul, .lot ul, .lof ul {
  list-style: none;
  padding-left: 0;
  overflow-x: clip;
}
.toc li li {
  padding-left: 1em;
}
.toc a, .lot a, .lof a {
  text-decoration: none;
  background: white;
  padding-right: .33em;
}
.toc a::after, .lot a::after, .lof a::after {
  /* content: leader(dotted) target-counter(attr(href), page); */
  content: target-counter(attr(href), page);
  float: right;
  background: white;
}
.toc a.front-matter-ref::after, .lot a.front-matter-ref::after, .lof a.front-matter-ref::after {
  /* content: leader(dotted) target-counter(attr(href), page, lower-roman); */
  content: target-counter(attr(href), page, lower-roman);
}
.toc .leaders::before, .lot .leaders::before, .lof .leaders::before {
  float: left;
  width: 0;
  white-space: nowrap;
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}

/* Chapter name */
.chapter > h1 > .header-section-number::before, .chapter-ref > .toc-section-number::before {
  content: var(--chapter-name-before, "Chapter ");
}
.chapter > h1 > .header-section-number::after, .chapter-ref > .toc-section-number::after {
  content: var(--chapter-name-after, "");
}

/* misc elements */
.subtitle span {
  font-size: .9em;
}
img {
  max-width: 100%;
}
pre {
  padding: 1em;
  white-space: pre-wrap;
}
pre[class] {
  background: #f9f9f9;
}
abbr {
  text-decoration: none;
}

@media screen {
  div.sourceCode {
    overflow: visible !important;
  }
  a.sourceLine::before {
    text-decoration: unset !important;
  }
}
pre.numberSource a.sourceLine {
  left: 0 !important;
  text-indent: -5em
}
pre.numberSource {
  margin-left: 0 !important;
}
table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th {
  border-bottom: 1px solid #ddd;
}
thead, tfoot, tr:nth-child(even) {
  background: #eee;
}
/* knitr::kables styling, see https://github.com/rstudio/pagedown/issues/214 */
.kable_wrapper > tbody > tr > td {
    vertical-align: top;
}

body {
  hyphens: auto;
}
code {
  hyphens: none;
}

/* two pages in a row if possible on screen */
@media screen {
  body {
    background-color: var(--background);
    margin: var(--screen-pages-spacing) auto 0 auto;
  }
  .pagedjs_pages {
    display: flex;
    max-width: calc(var(--pagedjs-width) * 2);
    flex: 0;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .pagedjs_page {
    background-color: var(--color-paper);
    box-shadow: 0 0 0 1px var(--color-mbox);
    flex-shrink: 0;
    flex-grow: 0;
    margin: auto auto var(--screen-pages-spacing) auto;
  }
}

/* when a row can hold two pages, starts first (1st!) page on the right */
/* @media screen and (min-width: 12.32in) { */
@media screen and (min-width: 15.76in) {
  .pagedjs_page {
    margin: auto 0 var(--screen-pages-spacing) 0;
  }
/*  .pagedjs_first_page {
    margin-left: var(--pagedjs-width);
  }*/
}

/* use a fixed width body for mobiles */
@media screen and (max-width:1180px)  {
  body {
    width: calc(var(--pagedjs-width) + 2 * var(--screen-pages-spacing));
  }
}
