/* Bootstrap's sr-only semantics for OJS core accessibility markup. */
.pkp_screen_reader {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Article readability, citation controls and mobile reading order. */
.article-publication-info p { margin: 0 0 8px; overflow-wrap: anywhere; }
.article-details .dimensions-status { padding: 12px 15px; margin: 0; font-size: 13px; color: #555; }
.article-details .dimension_badge .__dimensions_badge_embed__ { display:block; padding:12px; }
.article-details .copy-citation { margin: 10px 10px 10px 0; }
.article-details .copy-citation-status { display:inline-block; font-size:13px; }
.article-author-affilitation, .primary_contact, .orcid { overflow-wrap:anywhere; }
.author-affiliation-number { margin-left:3px; }
@media (max-width: 767px) {
 .article-details > .row { display:flex; flex-direction:column; }
 .article-details > .row > .article-sidebar { display:contents; }
 .article-details > .row > .article-sidebar > * { order:3; width:100%; }
 .article-details > .row > .article-sidebar > .galley_list:not(.article-usage) { order:0; }
 .article-details > .row > .article-sidebar > .article-usage { order:3; }
 .article-details > .row > .col-md-8 { order:1; width:100%; }
 .article-details > .row > .article-sidebar > .dimension_badge { order:4; }
 .article-details .galley_list .btn { min-height:44px; }
 .article-details .panel { margin-bottom:16px; }
 .article-details .article-sidebar .pull-right { float:none !important; display:block; }
}