@media print {

  h2.article-author {
	string-set: author content();
    }

  h2.article-title {
	string-set: title content();
    }

   #herotitle h2#issnam.issue.tlight {
      string-set: issnam content();
   }

   #herotitle h2.article-voliss {
      string-set: voliss content();
   }

   @page {
      size: A4 portrait;
      margin-top: 32mm;
      margin-bottom: 36mm;
      counter-increment: page 1;
      font-size: 11pt;
/*      bleed: 6mm; */
   }

   @page:right {
      @top-left {
	content: 'JOURNAL OF INFORMATION ARCHITECTURE';
	font-family: 'Oswald', Sans-serif;
	font-size: 9pt;
	}
     @top-center{
        }
      @top-right {
	content: string(issnam);
	font-family: 'Oswald', Sans-serif;
	font-size: 9pt;
	width: 60mm;
	}	
      @bottom-right {
	content: counter(page);
	font-family: 'Oswald', Sans-serif;
	font-size: 9pt;
	}
      margin-right: 22mm;
      margin-left: 32mm;
}

   @page:left {
     @top-left {
	content: string(author) ' – ' string(title);
	font-family: 'Oswald', Sans-serif;
	font-size: 9pt;
	}
     @top-center{
        }
      @top-right {
	content: string(voliss);
	font-family: 'Oswald', Sans-serif;
	font-size: 9pt;
	width: 48mm;
	}	
      @bottom-left {
	content: counter(page);
	font-family: 'Oswald', Sans-serif;
	font-size: 9pt;
	}
     margin-right: 32mm;
     margin-left: 22mm;
}

   h1, h2, h3, h4, h5, h6 {
      color: #000000;
      background: none;
      page-break-after: avoid;
   }

   /* CONFLICTING FONT SIZES START */

   h2 {
      font-size: 21pt !important;
   }

   h3 {
      font-size: 18pt !important;
   }

   h4 {
      font-size: 15pt !important;
   }

   h5 {
      font-size: 12pt !important;
   }

   p.article-paragraph, p.article-abstract {
      font-size: 11pt !important;
   }

/** Code in 0101-03 **/
   pre {
      font-size: 8pt !important;
      margin-left: -1rem;
}

   p.article-table-caption {
      font-size: 9pt !important;
      break-before: avoid !important;
      margin: 1.6rem 0rem 0.6rem 0rem !important;
   }

   p.article-figure-caption {
      font-size: 9pt !important;
      break-before: avoid !important;
      margin: 0.6rem 0rem 1.6rem 0rem !important;
   }

   ol.article-reference li, p.article-footnote, p.article-colophon {
      font-size: 10pt !important;
      text-align: left !important;
   }

/** Correctly aligns print refs to left margin **/
   ol.article-reference li {
      margin-left: -3.3rem !important;
   }

   p.article-footnote {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
   }

   ol {
   /*   margin-left: 0; */
      list-style-position: outside;
   }

   li {
    font-size: 11pt !important;
    text-align: left !important;
    }

   ul {
    list-style-position: outside;
   }

/** This fixex alignment between ol and ul **/
#article .indent {
    margin-left: 3.4rem;
}

   p.article-quote {
     font-size: 10pt !important;
     font-style: italic !important;
     margin-bottom: 0;
   }

/* CONFLICTING FONT SIZES END */
   img.article-inline {
 /*   max-height: 10cm; */
     max-width: 120mm;
     max-height: 110mm;
     margin-top: 4mm;
   }

/** additional class for large images **/
   img.article-inline-fullpage {
 /*   max-height: 10cm; */
 /*   max-width: 120mm; */
     max-height: 200mm;
     margin-top: 4mm;
   }

   img.article-inline-small {
 /*   max-height: 10cm; */
     max-width: 60mm;
     margin-top: 4mm;
   }

img.article-inline-small-nob { 
     max-width: 30mm;
     margin-top: 1.5mm;
     border: no-border;
}
   .toc{
     display: none;
   }

   #footer, #menu, #bar {
     display: none;
   }

   .no-print {
     display: none;
   }

/* Hide pdf download link **/ 
   #pdf-link {
     display: none;
   }

   #body, #main, #article {
      width: 100%;
      margin: 0;
      padding: 0;
   }

   #footer-print {
      position: fixed;
      width: 100%;
      color: white;
      text-align: center;
    }

  .author-pic {
    display: none !important /* CONFLICTING DISPLAY */;
  }

  #article-colophon{
    page-break-inside: avoid;
  }

  /*** TABLE FORMATTING ***/
  #article table {
    margin: auto;
    width: 100%;
    font-size: 9pt;
    font-family: "Oswald", Sans-serif;
  }

  #article tr {
    page-break-inside: avoid;
  }

  /***  ***/
  .article-author-bio {
    font-size: 9pt!important;
  }

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

  hr, .footback{
    display: none;
  }

}

@media screen {
  #footer-print {
    display: none;
  }
}

  @page:blank {
        @top-left {
            content: normal;
        }
        @top-right {
            content: normal;
        }
    }

/* Used to add blank pages and always start right with the next article*/
    #content {
        break-before: right;
    }