/** CDS Article View for health sciences... based on https://github.com/pkp/classic and, specifically, https://github.com/pkp/classic/blob/master/templates/plugins/generic/htmlArticleGalley/css/default.css */

/** Classic Child Theme */

/** Frontmatter Changes */

/** "h2.supertitle" is the section title that displays at the very top of the article */
#front-matter h2.supertitle {
    font-size: 1.0em;
    text-transform: uppercase;
	color: #8a8a8a;
}

#front-matter h3.article-title {
    font-size: 1.6em;
}

#front-matter h4.subtitle {
    font-size: 1.6em;
    margin-top: -1.0em;
}

#front-matter div.author {
	margin-top: 1em;
	margin-bottm: 1em;
}

#front-matter span.name-pers {
    font-size: 1.2em;
}

#front-matter div.affiliation {
	font-size: 0.8em;
}

#front-matter div.email {
	font-size: 0.8em;
}

#front-matter div.editorial-note {
	font-size: 0.8em;
	margin-top: 2em;
}

#front-matter > div.abstract:last-child {
    margin-bottom: 25px;
    border-bottom: gray dotted 1px;
}

/** Body Headers */

#document-body div.section1 h1 {
    font-size: 1.4em;
}

#document-body div.section2 h2 {
    font-size: 1.2em;
}

#document-body div.section3 h3 {
    font-size: 1.2em;
    font-style: italic;
}

/** Body General */

#document-body div.verbatim-block {
	border-left: 1px solid #000;
	padding-left: 30px;
}

#document-body div.citation {
	margin: 2em 0;
	padding: 1em;
	border-left: 0.25em solid #c8c8c8;
	background: #eee;
}

/** Tables & Figures */

div.table-block {
	width: 80%;
	margin: auto;
	padding: 1.2em;
	background: #eee;
	font-size: 0.8em;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

div.table-block span.image-title {
    display:none;
	width:80%;
}

div.table-block img {
	max-width: 80%;
    margin:auto;
	border: 1px solid #ddd;
	display:block;
	margin-top: 15px;
}

div.figure-block {
	width: 80%;
	margin: auto;
	padding: 1.2em;
	background: #eee;
	font-size: 0.8em;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

div.figure-block span.image-title {
    display:none;
	width:80%;
}

div.figure-block img {
	max-width: 80%;
    margin:auto;
	border: 1px solid #ddd;
	display:block;
	margin-top: 15px;
}

div.figure-block img:hover {
    opacity: 0.7;
}

div.figure-block div.source {
	width:100%;
    margin-top: 10px;
    text-align: right;
}

/** Backmatter */

#back-matter div.refbiblio {
	margin-top:1em;
}

#back-matter div.note {
	margin-top:1em;
}

#back-matter div.title-block {
    font-size: 1.0em;
}

#back-matter h1, #back-matter h2, #back-matter h3, #back-matter h4, #back-matter h5, #back-matter h6 {
    margin-top: 5px;
    margin-bottom: 1px;
}

/** Appendix */

#back-matter div.appendix div.section1 h1 {
    margin-top: 5px;
    font-size: 1.0em;
    margin-bottom: 1px;
}

#back-matter div.appendix div.section2 h2 {
    margin-top: 5px;
    font-size: 1.0em;
    font-style: italic;
    margin-bottom: 1px;
}

#back-matter div.appendix div.section3 h3 {
    margin-top: 5px;
    font-size: 1.0em;
    font-style: italic;
    margin-bottom: 1px;
}

/** For Review/Accomodation of older HTML Galleys in CDS Journals */
/** Potentially Deprecated Preventing Superscript and Subscript from effecting line height

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

sub { top: 0.4em; }
*/

/** Styles for HTML generated by basic4.xsl stylesheet */

span.nopara {
	color: #9A0000;
	font-size: 0.8em;
	vertical-align: top;
	padding: 0 2.5em 0 0;
}

/** Footnotes generated by basic4.xsl are in numbered div tags: <div id="noX">... where X is the number of the footnote, followed by a "<br>" tag. Find the footnotes & turn off display of the <br> tags. */

div[id^="no"] ~ br {
    display: none;
}

/** Styles for HTML generated by revised stylesheet, erudit-to-html.xsl */

/** Document body */

div.title { font-weight: bold;}

/** Prior Paragraph Numbering */

div.para p span.no {
	color: #9A0000;
	font-size: 0.8em;
	padding: 0 2.5em 0 0;
	vertical-align: top;
}

/** Text elements */

span.strikethrough { text-decoration: line-through; }
span.uppercase { text-transform: uppercase; }
span.smallcaps { font-variant: small-caps; }
span.underline { text-decoration: underline; }

/** Images */

image { display: block; }

/** Lists */

ul.bullet-square { list-style-type: square; }
ul.bullet-circle { list-style-type: circle; }
ul.bullet-dash {}
ul.bullet-disc { list-style-type: disc; }
ul.bullet-none { list-style-type: none; }
ol.bullet-lower-alpha { list-style-type: lower-alpha; }
ol.bullet-upper-alpha { list-style-type: upper-alpha; }
ol.bullet-lower-roman { list-style-type: lower-roman; }
ol.bullet-upper-roman { list-style-type: upper-roman; }
/**ol.bullet-decimal { list-style-type: decimal; }*/