/* TEMP "UNCORRECTED PROOF" BANNER */
@media screen {
  #container::before,
  #container::after {
    color: white;
    font-weight: 700;
    position: fixed;
    width: 230px;
    height: 230px;
    z-index: 4000;
    transform: rotate(-45deg);
    text-align: center;
    padding-top: 1rem;
  }
  #container::before {
    content: "UNCORRECTED";
    background-color: red;
    bottom: -115px;
    right: -115px;
  }
  #container::after {
    content: "PROOF";
    bottom: -130px;
    right: -130px;
  }
}

/* COVER
/* ABOUT & COPYRIGHT PAGE
/* FIGURE & TABLES
/* PDF / PRINT
/* MISC

/* COVER
============================================================================= */
/* There are two variations on the cover here, one for the refrigerator image, and one for the eggshells image. There are three places below where styles are commented out for eggshells and live for refrigerator. The accent color in variables.scss also needs to be changed depending on which cover images is chosen. */

.quire-cover__overlay {

  /* Refrigerator */
  background-position-y: bottom;
  background-position-x: left;

  /* Eggshells */
  /* background-position-y: center;
  background-position-x: center;  */

}
.quire-cover__overlay::after {
  content: "Getty Conservation Institute";
  color: #fff;
  background-color: #000;
  display: block;
  position: absolute;
  bottom: 0;
  letter-spacing: 1px;
  padding: .5rem 4rem .5rem 20px;
  font-size: .825rem;
}
.hero-body .container.is-fluid::before {
  content: "Proceedings";
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: .5rem 4rem .5rem 20px;
  margin-left: -20px;
  margin-top: -20px;
  width: max-content;
  display: block;
  font-size: .75rem;
}
.hero-body .container.is-fluid {
  bottom: auto;
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: 40rem;

  /* Refrigerator */
  top: 10%;
  background: #243a85;

  /* Eggshells */
  /* top: 15%;
  background: #5b57a6; */

}
@media screen and (max-width: 40rem) {
  .hero-body .container.is-fluid {
    top: 0;
  }
  .quire-cover__overlay::after {
    padding-bottom: 30px;
    padding-right: 20px;
    right: 0;
    left: 0;
    width: 100%;
    text-align: left;
  }

  /* Refrigerator */
  .quire-cover__overlay {
    background-position-y: 80%;
    background-position-x: center;
    background-image: url('../img/figures/cover-b--glr0686--detail.jpg') !important;
  }

  /* Eggshells */
  /* .quire-cover__overlay {

  } */

}
.quire-cover__hero .title,
.quire-cover__hero .subtitle {
  font-size: calc(2rem * 1);
  font-weight: 700;
  line-height: 1.17;
}
.quire-cover__hero .subtitle {
  display: inline;
}
.quire-cover__hero .subtitle::before {
  content: ": ";
}
.quire-cover__hero .reading-line {
  font-size: calc(1rem * 1);
  font-style: normal;
  font-weight: 700;
  margin-top: 1rem;
}
.quire-cover__hero .contributor {
  margin-top: .25rem;
}

/* ABOUT & COPYRIGHT PAGE
============================================================================= */

/* LOC Cataloguing in Publication format */
.quire-page__content .container .content .cip-data p {
  margin-bottom: 0;
}
.quire-page__content .container .content .cip-data ul {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 1rem;
}
.quire-page__content .container .content .cip-data ul li {
  line-height: 1.6;
  margin: 0;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.quire-page__content .container .content .cip-data ul li::before {
  display: none;
}

.quire-page__content .container .content .sponsor-logos {
  margin-bottom: 2rem;
  width: 75%;
}
@media screen and (max-width:700px) {
  .quire-page__content .container .content .sponsor-logos {
    width: 100%;
  }
}

@media print {
  #copyright .quire-page.quire-page--frontmatter {
    page: no-footer;
  }
  #copyright .quire-page__header {
    display: none;
  }
  #copyright .quire-page__content {
    column-count: 2;
    column-gap: .1875in;
    column-fill: auto;
    max-width: 100%;
    height: 100%;
    margin: 0;
    text-align: left;
  }
  #copyright img {
    height: .25in;
  }
  #copyright .cip-data {
    column-break-before: always;
  }
  #copyright .sponsor-logos {
    width: 100%;
    margin-top: 2rem;
  }
  #copyright .sponsor-logos img {
    height: auto;
  }
}

/* FIGURE & TABLES
============================================================================= */
.content figure {
  margin-left: 0;
  margin-right: 0;
}

.quire-page__content .quire-figure.large-table table,
.quire-page__content .quire-figure.large-table table + .table-key {
  font-size: .5em;
}
@media print {
  .quire-page__content .quire-figure.large-table table,
  .quire-page__content .quire-figure.large-table table + .table-key {
    font-size: 4pt;
  }
}
.quire-figure.figure-border img {
  border: 1px solid #333;
}
@media print {
  .quire-figure.figure-border img {
    border: .5pt solid #333;
  }
}
.quire-page__content .quire-figure__table .table-key {
  color: #333;
  text-align: left;
  display: block;
  margin: .5em 0;
}
@media print {
  .quire-page__content .quire-figure__table .table-key {
    color: #000;
  }
}

.quire-figure__label .quire-figure__label-icon {
  height: 0;
  margin-top: -2.3em;
}

/* For the override version of the q-figure-group shortcode */
@media print {
  .content figure:not(:first-child) {
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .content figure:not(:first-child) figure {
    border-width: 0;
    padding-top: 0;
    margin-bottom: 1.5rem;
  }
  .content figure:not(:first-child) figure:last-child {
    margin-bottom: 0;
  }
  .content figure.quire-figure.pdf-two-column {
    column-span: all;
    margin-top: 1.5rem;
  }
  .content figure.quire-figure.pdf-no-top-border {
    border-top-width: 0;
    padding-top: 0;
  }
  .content figure.quire-figure.pdf-no-bottom-border {
    border-bottom-width: 0;
    padding-bottom: 0;
  }
  /* A hack to make sure a particular image didn't float to prior page */
  .content figure.quire-figure.pdf-8rem-bottom-margin {
    margin-bottom: 8rem !important;
  }
  .content figure.quire-figure.pdf-4rem-bottom-margin {
    margin-bottom: 4rem !important;
  }
  .content figure.quire-figure.pdf-no-bottom-margin {
    margin-bottom: 0 !important;
  }
   /* https://www.princexml.com/howcome/2021/guides/float/index.html */
  .content figure.quire-figure.pdf-float-top {
    -prince-float: top;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }
  .content figure.quire-figure.pdf-float-bottom {
    -prince-float: bottom;
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
  .content figure.quire-figure.pdf-page-break-after {
    page-break-after: always;
  }
  .content figure.quire-figure.pdf-column-break-after {
    break-after: always;
    column-break-after: always;
  }
  .content .pdf-column-break-before {
    break-before: always;
    column-break-before: always;
  }
  .content figure.quire-figure.pdf-90-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-90-percent-width .q-figure__wrapper figcaption {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .content figure.quire-figure.pdf-85-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-85-percent-width .q-figure__wrapper figcaption {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .content figure.quire-figure.pdf-80-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-80-percent-width .q-figure__wrapper figcaption {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .content figure.quire-figure.pdf-75-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-75-percent-width .q-figure__wrapper figcaption {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .content figure.quire-figure.pdf-70-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-70-percent-width .q-figure__wrapper figcaption {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .content figure.quire-figure.pdf-60-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-60-percent-width .q-figure__wrapper figcaption {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .content figure.quire-figure.pdf-50-percent-width .q-figure__wrapper img,
  .content figure.quire-figure.pdf-50-percent-width .q-figure__wrapper figcaption {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* For the override version of the q-figure-group shortcode */
@media screen {
  .content .quire-figure--group figure,
  .content .quire-figure--group figure:not(:first-child) {
    margin: 0;
  }
  .quire-page__content figure.quire-figure--group {
    display: grid;
    grid-gap: 1rem;
  }
  .quire-page__content figure.quire-figure--group.quire-figure--group--grid-1 {
    grid-template-columns: 1fr;
  }
  .quire-page__content figure.quire-figure--group.quire-figure--group--grid-2 {
    grid-template-columns: 1fr 1fr;
  }
  .quire-page__content figure.quire-figure--group.quire-figure--group--grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .quire-page__content figure.quire-figure--group.quire-figure--group--grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .quire-page__content figure.quire-figure--group > .quire-figure__caption {
    grid-column: 1/-1;
    margin-top: 0;
  }
}
@media print {
  .quire-page__content figure.quire-figure--group {
    display: block;
    white-space: nowrap;
  }
  .quire-page__content figure.quire-figure--group figcaption {
    white-space: normal;
  }
  .content .quire-figure--group.quire-figure--group--grid-2 figure,
  .content .quire-figure--group.quire-figure--group--grid-2 figure:not(:first-child) {
    margin: 0;
    width: calc(50% - .75rem);
    display: inline-block;
    vertical-align: top;
  }
  .content .quire-figure--group.quire-figure--group--grid-2 figure:not(:first-child) {
    margin-left: 1.5rem;
  }
}

/* Style figure labels included inside link tag for figure modal */
.quire-figure__label.quire-figure__label--below {
  font-size: .75em;
  margin-top: .45rem;
  float: left;
}

/* Hide caption/credit when it's a group shortcode w/ its own caption/credit */
@media screen {
  .quire-figure.quire-figure--shared-caption figure figcaption {
    display: none;
  }
}
@media print {
  .quire-figure.quire-figure--shared-caption figure figcaption .quire-figure__caption-content,
  .quire-figure.quire-figure--shared-caption figure figcaption .quire-figure__credit {
    display: none;
  }
}

/* Ensure that images can always be seen in full within the user's window withouth scrolling */
@media screen {
  .content figure .quire-figure__image {
    max-height: calc(100vh - 6rem);
    width: auto;
  }
}

/* PDF / PRINT
============================================================================= */

@media print {

  /* Add alternate method for defining running heads in PrinceXML's PDF output so that italic formatting is preserved, works along with custom version of partials/pdf-info.html template */
  @page:left {
    @bottom-right {
      content: flow(sectiontitle);
    }
  }
  @page:right {
    @bottom-left {
      content: flow(pagetitle);
    }
  }
  .pdf-page-title {
    flow: static(pagetitle);
    font-family: 'Noto Sans', sans-serif;
    font-size: 8pt;
    color: #000000;
  }
  .pdf-page-section {
    flow: static(sectiontitle);
    font-family: 'Noto Sans', sans-serif;
    font-size: 7.5pt;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1pt;
    text-align: right;
    font-size: 7.5pt;
  }

  /* Keeps the copyright notice from breaking onto new page by itself */
  #snapshots-02 .quire-page__content .container .content .backmatter.page-copyright-notice {
    margin-top: 2rem !important;
  }

  #bibliography .quire-page__content,
  #contributors .quire-page__content,
  #participants .quire-page__content {
    column-count: 2;
    column-fill: balance;
    column-gap: .1875in;
    max-width: 100%;
    margin: 0;
  }

  #contributors .quire-page__content .quire-contributor .title {
    margin-bottom: 0;
  }
  #contributors .quire-page__content .quire-contributor .media {
    padding-bottom: 0;
  }
  #contributors .quire-contributor__name {
    font-size: .875rem;
  }

  /* Were otherwise coming out too large and misaligned */
  .quire-page__content .container .content ul li::before {
    font-size: 7pt;
    margin-left: -1.5em;
  }

  /* Accounts for pdf output of cover and first blank page. Numbering
    should alwys start at 1 on the half title page. This negative number
    hack on the cover seems to do the trick */
  .quire-page--frontmatter.quire-cover {
    counter-reset: page -1;
  }

  /*
    In instances in the PDF where there is only a little bit of text on the last page of chapter, the desired output is to have that text fill just one of the two columns and not break across it. This can be acheived by adding `class: pdf-single-column-last-page` to the page YAML of the specific pages where this is an issue
  */
  .quire-essay.quire-page--pdf-single-column-last-page .quire-page__content {
    column-fill: auto;
  }

  /* Stop bibliographic items from breaking across columns */
  dt, li::before {
    page-break-after: avoid;
  }
  dd, li {
    page-break-inside: avoid;
  }

}

/* Change display of section TOCs in PDF ouput */
@media print {
  .quire-page--abstract {
    page: splash-image;
  }
  .quire-page--abstract .quire-page__header {
    margin: 0 auto;
    max-width: 5in;
    padding-top: 2in;
  }
  .quire-page--abstract .quire-page__header .hero-body .quire-page__header__title {
    color: #243a85;
  }
  .quire-page--abstract .quire-page__content {
    display: none;
  }
}

/* Adjust URL breaks in PDF */
@media print {
  /* PrinceXML doesn’t seem to support <wbr> embedded in the URLs as a
  method for suggesting places to break words, instead we're using here
  the prince-text-replace specialty attribute to insert zero-width-spaces */
  a[target=_blank],
  .url-string a {
    prince-text-replace: "/" "\200B/"
                          "~" "\200B~"
                          "." "\200B."
                          "," "\200B,"
                          "-" "\200B-"
                          "_" "\200B_"
                          "?" "\200B?"
                          "#" "\200B#"
                          "%" "\200B%"
                          "=" "\200B="
                          "&" "\200B&"
                          "+" "\200B+"
                          "\200B/\200B/" "//\200B";
  }
}

@media print {
  .quire-page__abstract {
    margin-bottom: 1.5rem;
  }
}

/* Adjustment for long section title that was causing a bad break with page numbering */
@media print {
  .quire-contents-list .section-item > a,
  .quire-contents-list .page-item {
    max-width: 95%;
  }
  .quire-contents-list .section-item > a::after,
  .quire-contents-list .page-item a::after,
  .quire-contents-list .page-item.frontmatter-page > a::after {
    margin-right: -5%;
  }
}

@media print {
  .quire-contents-list .page-item.frontmatter-page > a::after {
    font-style: normal;
  }
}

/* MISC
============================================================================= */

.quire-menu .page-item a.active,
.quire-menu .section-item a.active {
  color: #fff !important;
  background-color: #243a85;
}
.quire-menu .menu-list li ul {
  margin-right: 0;
}

/* Copyright notices at bottom of essays */
.quire-page__content .container .content .backmatter.page-copyright-notice {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #333;
}

/* Contributor names broken to new lines in TOC */
.quire-contents-list .contributor--block {
  display: block;
  margin-top: .25rem;
}

/* Don't display Director in contributor list */
.quire-contributors-list.bio #timothy-p-whalen {
  display: none;
}