/* I.D.Henderson 2019 */

/* MAIN */
/*------------------------------------------------------------------------*/

body {
    margin: 0;
    font: 12pt/1.25 trebuchet ms;
/*    font-variant-numeric: oldstyle-nums; */
    hyphens: auto;
}

/* Set colour for header, footer and other things */
header, footer,
.figure-block > div > p:first-child + p > .date {
    color: black;
}

a:not(:link):not(:visited):not(.highlighted) {
    text-decoration: line-through;
    color: silver }

a, a:link, a:visited {
    color: black;
}

a.highlighted { color: orangered;  }

code {
    font-family: freemono;
    font-style: normal;
}



/* Print Media Override */
@media print {
    main, header, footer {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    footer {
        width: 100% !important;
    }
}

.figure-block.cover {
    margin: -24pt auto;
}

/* ARTICLE */
/*------------------------------------------------------------------------*/

main {
    margin: 4pc 1pc;
    clear: both;
}

/* title */
main  h1 {
    margin-top: 1in;
    text-align: center;
    font-size: 2em;
}

/* chapter */
main  h2 {
    max-width: 456pt;
    line-height: 1;
    margin: 24pt auto 12pt;
    font-weight: 500;
    text-align: center;
}

main h2 + h2 {
    margin-top: 12pt;
}

/* heading */
main  h3 {
    font-weight: bold;
    font-size: 18pt;
    line-height: 21pt;
    max-width: 6.5in;
    margin: 36pt auto 6pt;
    border-bottom: solid black 0.75pt;
    padding-bottom: 2pt;
    clear: both;
}

main h3.larger,
main hr.larger {
    margin: 72pt auto 6pt;
    page-break-before: always;
}

main h3 em {
    font-weight: lighter;
}

/* empty-heading horizontal rule */
main hr {
    border: none;
    border-top: solid black 0.75pt;
    max-width: 6.5in;
    margin: 36pt auto 6pt;
}

/* all headings except the first */
/*main h3:not(.first) {
    page-break-before: always;
} */

/* heading date */
main h3 .date {
    float: right;
    margin-left: 3pt;
    font-style: italic;
    font-weight: 300;
}

/* paragraph just after a heading */
main h3 + p {
    clear: right;
}

main h4 {
    font-weight: bold;
    font-style: italic;
    font-size: 14pt;
    line-height: 18pt;
    max-width: 6.5in;
    margin: 24pt auto 6pt;
}

main  p:not([class]) {
    max-width: 6.5in;
    margin: 6pt auto;
    text-align: justify;
}

/* HORIZONTAL RULES */
/*------------------------------------------------------------------------*/

body > hr {
    border: none;
    border-top: solid black 0.75pt;
    clear: both;
    /*max-width: 456pt;*/
}

/* FOOTER */
/*------------------------------------------------------------------------*/

footer {
    /*border-top: solid silver;*/
    margin: 6pt 12pt;
    width: calc( 100% - 24pt );
    padding: 0;
    /*max-width: 456pt;*/
    display: table;
}

footer p,
footer address {
    display: table-cell;
    /*width: 50%;*/
    margin: 6pt auto;
    padding: 0;
}

footer address {
    font-weight: 500;
    padding-right: 6pt;
    font-style: normal;
}

footer address .label {
    font-weight: 300;
}

/* copyright notice */
footer p {
    margin: 0 6pt 0 0pt;
    text-align: right;
    width: 50%;
    padding-left: 6pt;
}


/* HEADER */
/*------------------------------------------------------------------------*/

header {
    /*border-bottom: solid silver;*/
    margin: 6pt 12pt;
    /*max-width: calc( 456pt + 24pt);*/
}
header > h1 {
    text-align: center;
    text-transform: uppercase;
    margin: 8pt 8pt 8pt 0;
    padding: 0pt 0pt;
    font-size: 24pt;
    line-height: 24pt;
    font-weight: 900;
    float: left;
}

header > h1 em {
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3.9pt;
}

/* My name at the top */
header > h2 {
    text-align: right;
    font-size: 16pt;
    line-height: 18pt;
    padding: 0pt 0pt;
    margin: 4pt 0;
    font-weight: 300;
    font-style: italic;
}

header > h2 > span {
    display: inline-block;
}

header ul {
    list-style-type: none;
    padding: 0;
    margin: 4pt 0;
    text-align: right;
    word-spacing: calc( 20pt - 0.25em );
    font-size: 12pt;
    line-height: 18pt;
}

/* Unwrap list on small screens: */
@media (max-width: 9in) {
    
    header ul {
	clear: both;
	text-align: center;
    }
    
    header h2 {
        display: none;
    }
    
    header h1 {
        font-size: 24pt;
        line-height: 24pt;
        float: none;
    }
    
    header h1 br {
        display: none;
    }
}

/* header links list */
header li {
    display: inline-block;
    word-spacing: 0;
}


/* LINKS */
/*------------------------------------------------------------------------*/


header :link, footer :link {
	       text-decoration: none;
	       outline: none;
}


/* Perfundo Link Edits */

header :link:hover, footer :link:hover,
header :link:focus, footer :link:focus {
    opacity: 0.3;
    transition: opacity 0.2s }
/*
figure:not(.nohighlight) :not(.perfundo__control):link:focus {
    outline: dotted 1.5pt;
}

figure:not(.nohighlight) :not(.perfundo__control):link:hover {
    outline: solid 1.5pt;
}
*/
.perfundo__control {
    outline: none }


/* FIGURE BLOCKS */
/*------------------------------------------------------------------------*/

.figure-block {
    text-align: center;
    /*! padding: 0.5pc 1pc; */
    margin: 0;
    word-spacing: calc( 12pt - 0.25em );
}

.split {
    display: inline-block;
    vertical-align: top;
}

figure {
    display: inline-table;
    margin: 6pt 0;
    word-spacing: 0;
    vertical-align: top; }

figure .cell {
    display: table-cell;
    vertical-align: middle; }

object, img, video {
    max-width: 100%;
    vertical-align: top;
}

img {
    height: auto;
}

video {
    background: black;
}

figure figcaption {
    font-size: 10pt;
    line-height: 12pt;
    display: table-caption;
    text-align: left;
    font-weight: 500;
    caption-side: bottom;
    margin: 1pt 0 -1pt }

figure figcaption .date {
    font-size: 10pt;
    line-height: 12pt;
    float: right;
    text-align: right;
    margin-left: 6pt;
    max-width: 50pt }

figure figcaption strong, figure figcaption span {
    margin-right: 3pt;
}

/* CONTENTS */
/*-----------------------------------------------*/

.contents.figure-block {
    margin: 6pt auto 36pt;
    padding: 6pt;
    clear: both;
    border-top: solid black 0.75pt;
}

.contents .caption {
    font-weight: bold;
    font-size: 12pt;
    line-height: 15pt;
    text-align: center;
    margin: 5pt 0 -1pt
}

.contents {
    background: whitesmoke;
    /* color: white; */
}
/*
.contents a {
    color: white;
}
*/

/* References */
/*------------------------------------------------------------------------*/

.reference {
    font-weight: normal;
    font-size: 10pt;
    line-height: 12pt;
    max-width: 6.5in;
    margin: 6pt auto;
    padding: 1pt 2pt;
}

cite a {
    font-style: normal;
    /*text-decoration: none;*/
}

.reference:target {
    outline: dotted black thin;
}

/*------------------------------------------------------------------------*/

/* { background: rgba(0,0,0,15%) } */
