/* <##>======= ↓ `PRINT CSS ↓ ======= */
/* This was streamlined in Aug 2012, after completing the more sophisticated CSS for PDF output. There are only so many problems browser-printing problems I can solve, I decided to KISS it here. A not-so-subtle difference is that this CSS assumes TRUE PRINTING (i.e. no interactivity, as there is in PDF).

These declarations interfere with PDF production, so this stylesheet must not be included when making PDFs. */

/* SHOW: Turn on display elements flagged for print/e-book output. These classes are set to display:none in css-main. */
.print-only {display:block}

/* HIDE: Many things must be completely eliminated from print. */
/* nonspecific hides */
.no-print, .np, .screen-only, .admin, .linp /* "lazy image no printy!", meaning .... hide the whole container from printing (not because I don’t want the images to appear in the print version, but because they are not loaded and so you just get empty boxes and captions, so this is a lesser of evils workaround (this is reversed in the Kindle CSS)  */
{display:none; visibility:hidden;}

/* major hides */
#masthead, nav, #logo, footer, #customer_introduction, .img-box.small-window, .window_info
{display:none}

/* minor hides  */
.badge, #masthead, #footer, .date,  #continue, .popup, .pupb:link, #toc .l2>b, .secnav, .updbul, .backref, #endmark form, #newsletter_cta_pup {display:none !important}

/* large and sidecap images are given their own markup with the class "small-window", but this markup has to be hidden the rest of the time ??? why wasn’t this already hidden from print? why did I need to add it? is this okay? */

main {
margin: auto; /* the client will impose margins, using the max page available to the printer */
width:100%; /* fill the available space */
font-size:12pt; /* print tolerates smaller fonts */
line-height:1.3; /* tighter spacing to save paper */
}

/* blackening (assuming most home printers will struggle to print grays and colours in a readable way) */
#metadata, h1, #subtitle, #byline, h2, p.part-subhead, h3, .chapter h3, h4, li, blockquote, .img-caption, .sidebar, table, a:link, a:visited, li, .toc li, .upd_item, .endbio, .preamble, #metadata a, #metadata a:visited, a.lighter-link:link, a[id*=frj], .pq
{color:black !important}

.meta, .meta .warning {
border: 3px solid black;
border-left:none;
border-right:none;
}


/* selects all color classes and changes their meaning to black instead of their original colour; and it probably isn’t supported by some browsers */
[class*="color-"] {color:black}

a:link {text-decoration: underline} /* overrides the default web style of no-underline, making all links underlined for print, but then we're going to reverse that for a couple exceptions; note that it must be a:link to match the specificity of the main stylesheet */

a[href^='#']: {
text-decoration: none !important; /* overrides underlining for internal links */
font-style:bold
} 

.sidebar, .sidebar-box {margin-right: 0}

.pq {margin-right:0; width:42%;}

a[id*=frj] {
border:0;
font-size:8pt;
vertical-align:2pt;
text-decoration: none !important; /* override underlining for fn references */
color:black;
}



h1#title {font-size:4em}

#subtitle {font-size:2em}

#byline {font-size:1.5em}

h1#title, #subtitle, #byline {text-align:center; margin-bottom: 2em}

#byline:before {content: "by "}

h1, h2, h3, h4 {page-break-after: avoid}

h2 {margin: 3em 0 1.5em}

p, li {widows:2; orphans:2;}