/* pint css */

/* This css files can be applied to any wikipedia article. 
Note: remove any other css applied to page. this is the only css needed to print.
*/

/* 
- Have some padding and body typeface
- Turn color to pure black. good for printing pure black
*/

body {
    padding: 10px 10px;
    font-family: sans-serif;
    color: #000;
}



/* Show branding for only English Wikipedia */

body:lang(en):before{
    content: " ";
    display: block;
    background-image: url('https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia_wordmark@2x.png');
    height: 20px;
    background-size: 120px 20px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    border-bottom: 3px solid #ccc;
}


/* hide on print */
/* Elements to hide
- Interactive elemts
- Elements leading to other websites
- Elemeents which cannot have any action in print format
- Navboxes
- Categories
*/
.noprint, .mw-indicators, #jump-to-nav, .hatnote, #toc, #mw-navigation, #footer-places, .mw-cite-backlink, .play-btn-large, .mbox-small, .navbox, .catlinks {
    display: none;
}

/* 
-Normalize Blue links in the article 
*/

a {
    color: #000;
    text-decoration: none;
    border-bottom:1px dotted #aaa;
}

/* 
- Basic infobox styling
- Remove background colors, they are hard to print
*/

.infobox {
    border: 1px solid #aaa;
    border-spacing: 3px;
    background-color: #fff;
    border-radius: 2px;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    font-size: 13px;
    line-height: 1.5em;
}

.infobox a {
    border-bottom: none;
}

.infobox td, .infobox th {
    vertical-align: top;
    text-align: left;
}
/* 
- Main article textual content - sans serif
- 12pt is the most ideal typesize for print and reading
- 18pt line height - ideal for readbility 
*/

/* using charter for body type.
Charter is an open source serif typeface specfically designed for legibility and reading
*/

.mw-body-content p {
    font-family: "Charter", serif;
    font-size: 12pt;
    line-height: 18pt;
    margin-top: 10px;
}

/* article title separator - print element from classic editorial practices */

#siteSub:after {
    content: " ";
    display: block;
    width: 50px;
    background: #666;
    height: 1px;
    margin-top: 15px;
}

/* brand */

#siteSub {
    font-size: 13px;
    padding-bottom: 5px;
    color: #333;
}

/* header styling 
- Big part of typography
- headers should be closer to the next <p> than the <p> before

====TYPOGRAPHY=====

- H1 = 26pt
- H2 = 18pt
- H3 = 14pt
- H4, H5, H6 = 12pt
*/

/* article name */

.firstHeading {
    font-family: serif;
    font-size: 26pt;
    line-height: 32pt;
    margin-bottom: 5px;
    font-weight: normal;
}



.mw-body-content h2 {
    page-break-before: avoid;
    font-family: sans-serif;
    font-size: 18pt;
    line-height: 24pt;
    border-bottom: 2px solid #000;
    margin-bottom: 0.25em;
    padding: 0;
    overflow: hidden;
    display: block;
    padding-bottom: 5px;
}

.mw-body-content h3 {
    font-size: 14pt;
    page-break-before:avoid;
    font-family: sans-serif;
    line-height: 20pt;
    position: relative;
    padding: 0;
    display: block;
    margin: 30px 0px 0px 0px;
}

/* scanning indicator for H3s */
.mw-body-content h3:before {
    content: " ";
    height: 1px;
    width: 30px;
    position: absolute;
    left:-40px;
    top: 50%;
    display: block;
    background: #000;
}

/* rest of the headers*/

.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6{
    page-break-before:avoid;
    font-family: sans-serif;
    font-size: 12pt;
    line-height: 15pt;
    position: relative;
    padding: 0;
    display: block;
    margin: 30px 0px 0px 0px;
}

/* reference brackets */

.reference a{
    font-size: 12px;
    color: #666;
    border-bottom: none;
}

/* all kind of content types 
- Media
- Images
- Tables
- lists
- bullets
- layout classes, right left center
*/

.thumb {
    margin-bottom: .5em;
    width: auto;
    background-color: transparent;
}

.thumb a{
    border-bottom: none;
}
.center {
    width: 100%;
    text-align: center;
}

div.tright {
    margin: .5em 0 1.3em 1.4em;
}

div.tleft {
    margin: .5em 1.4em 1.3em 0;
}

div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}

div.tleft, div.floatleft, table.floatleft {
    clear: left;
    float: left;
}

div.floatright, table.floatright {
    margin: 0 0 .5em .5em;
    border: 0;
}

ul.gallery {
    margin: 2px;
    padding: 2px;
    display: block;
}
ul.gallery, li.gallerybox {
    zoom: 1;
}

div#content .gallerybox div.thumb {
    background-color: #FFF;
}
li.gallerybox div.thumb {
    text-align: center;
    border: 1px solid #ccc;
    background-color: #FFF;
    margin: 2px;
}
li.gallerybox {
    vertical-align: top;
    display: -moz-inline-box;
    display: inline-block;
}
li {
    margin-bottom: .1em;
}
div.gallerytext {
    overflow: hidden;
    font-size: 10pt;
    padding: 2px 4px;
    word-wrap: break-word;
}
ul {
    list-style-type: disc;
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    list-style-image: url(/w/skins/Vector/images/bullet-icon.svg?90d59)!ie;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAIAAADuXjPfAAAABnRST…t9AAAAHklEQVR4AWP4jwrowWcI6oEgEBtIISNCfFT9mOYDACO/lbNIGC/yAAAAAElFTkSuQmCC) \9;
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png?e31f8) \9!ie;
}
ul {
    list-style-type: square;
    margin: .3em 0 0 1.6em;
    padding: 0;
}

table.wikitable {
    margin: 1em 0;
    background-color: #FFF;
    border: 1px solid #aaa;
    border-collapse: collapse;
    color: #000;
}

table.wikitable caption {
    padding: 5px;
    font-size: 13px;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #FFF;
    text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #aaa;
    padding: 0.2em 0.4em;
}

div.thumbinner {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px;
    background-color: #FFF;
    font-size: 12px;
    color: #666;
    text-align: left;
    overflow: hidden;
}

.thumbinner {
    min-width: 100px;
}

*.center * {
    margin-left: auto;
    margin-right: auto;
}

ul {
    margin-top: 10px;
}
ul li {
    padding: 5px 0px;
    font-size: 10pt;
}
.refbegin ul li,
.references li{
    font-size: 13px;
    color: #666;
    padding: 10px 0px;
    border-bottom: 1px dotted #ccc;
}

/* New footer
- the page URL
- Last updated as primary info
- tone down the license info
- add Wikimedia Foundation branding as Wikipedia is a Wikimedia Project
*/
.printfooter {
    padding-top: 10px;
    border-top: 3px solid #000;
    margin-top: 10px;
    font-size: 10pt;
}
#footer {
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin-top: 12px;
}

#footer-info {
    margin: 0;
    padding: 0;
}

#footer-info li:first-child {
    font-size: 12pt;
    font-weight: bold;
    color: #000;
}
#footer-info li {
    font-size: 10pt;
    display: block;
    list-style: none;
    padding-bottom: 10px;
    color: #999;
}
#footer-info li a{
    color: #999;
}
#footer-info:after {
    content: " ";
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/60/Wmf_logo_horiz_K.svg');
    background-size: auto 30px;
    background-repeat: no-repeat;
    height: 30px;
    display: block;
    margin-top: 20px;

}