/* Custom Take Control CSS styles for Pandoc EPUB and Mobi */
/* This CSS file is for a PURPLE look. */
/* Last edited on 2018-02-21. */


/* Set a body font and bring in the right and left margins slightly */
body {
	font-family: "Georgia", serif;
	margin-left: 1.5em;
	margin-right: 1.5em;
	font-size: 85%;
}

/* Force Verdana normal (no small caps for TOC) for headings. The page-break-after:avoid doesn't seem to be honored in iBooks. */
h1, h2, h3, h4, h5, h6, h7 {
	font-family: "Verdana", sans-serif;
	font-variant: normal;
	color: #481865; /* HEADING COLOR TO CHANGE */
	page-break-inside: avoid;
	page-break-after: avoid;
	margin-bottom: -0.25em;
}

/* Put a background color on H1s, and make the font bigger */
h1 { 
	width: 100%;
	background-color: #481865; /* HEADING COLOR TO CHANGE */
	color: white;
	font-size: 2em !important;
	line-height: 100%;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.25em;
	margin-top: 0em !important;
	margin-bottom: 0.5em !important;
	text-align: left;
	font-weight: bold;
}

/* Put borders around H2s but avoid the sidebar H2s */
h2 { 
	border-width: 1px;
	border-style: solid none solid none;
	border-color: #481865; /* HEADING COLOR TO CHANGE */
	padding-top: 0.1em !important;
	padding-bottom: 0.15em !important;
	margin-top: 0.25em !important;
	font-size: 1.3em !important;
}

/* Define H3 a little larger than H4 and H5*/
h3 { 
	font-size: 1.2em !important;
}

/* Define H5 for Quick Start */
h5 { 
	font-size: 1em !important;
	font-style: italic;
	margin-top: .25em;
}

/* Make sure the links are blue #333399 (new) and purple (visited) and underline (hover) */
a:link {
	color: #333399;
	text-decoration: none;
}

a:hover {
	color: purple;
	text-decoration: underline;
}

a:visited {
	color: purple;
	text-decoration: none;
}

/* Style the tips and warnings and whatnot with a background color and rounded rectangle box. Added page-break-inside:avoid to prevent breaks across pages. */
aside { 
	font-family: Verdana, sans-serif;
	font-size: 90%;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.85em;
	padding-right: 0.85em;
	background-color: #F4E3FF; /* SIDEBAR COLOR TO CHANGE */
	border: 1px solid;
	border-radius: 10px;
 	page-break-inside: avoid;
}

aside div h3 {
	margin-top: 0.7em;
	margin-bottom: -0.4em;
}

aside div h3 p {
	margin-top: -0.6em;
}

/* Bring the font size of captions in asides back up a little, and indents of captions in asides back out, which is necessary because sidebars add some left margin */
aside figure figcaption {
	font-size: 90%;
	margin-left: -0.8em !important;
}

figure figcaption {
	line-height:17px !important;
}

/* Keep sidebar headings black - comment out for some colors */
aside h3
{
	border-style: none;
	font-size: 1.1em !important;
	padding-top: 0;
	margin-top: 0;
/* 	color: black; */
}

/* Push the indents of captions in lists in asides back in, which is necessary after the previous statement */
aside li figure  figcaption {
	margin-left: 0em !important;
}

/* Bring indents of images in asides back out, which is necessary because sidebars add some left margin. */
aside > figure img {
	margin-left: -0.8em;
}

blockquote {
	font-style: italic;
}

/* This sets the color and size of code and pre text, both of which have to match due to how Leanpub sometimes does code. And the div.code-block below makes sure the blocks are the same size as our normal code, which can be inline. */
code, pre {
	color: #5215C0;
	font-family: "Courier", monospace;
	font-size: 100%;
}

div.code-block {
	font-size: 100%;
}

figcaption {
	text-align: left;
}

/* Indent screenshots and captions slightly, to match the list-indent - the trick is to set a width and use a padding-left in em, after turning on the box-sizing approach. The bottom margin is necessary to prevent note boxes after screenshots from being too close. If you want screenshots bordered, uncomment the border styles in the third directive down. Added page-break-inside:avoid to prevent breaks across pages.*/
figure {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: left;
	margin-bottom: 0.75em;
	margin-left: 0;
	width: 100%;
	padding-left: 2em;
	page-break-inside: avoid;
}

figure img {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: left;
	page-break-inside: avoid;
	margin-top: 0;
	margin-bottom: 0;
/* 
	border-style: solid;
	border-width: 1px;
*/
}

/* Make the chapter opening captions larger and blue and left-align the graphic. */
figure.chapter-image {
	font-size: 100%;
	color: #204B75;
	padding-left: 0em;
}

/* Prevents overflow in non-iBooks EPUB readers */
/* Turned off max-width for TCo TextExpander (2015-07-08) because of how screenshots were resized manually. Turn this on if the screenshots seem too small. */
img {
	max-width: 100%;
	text-align: left;
	margin-left: inherit;
    margin-right: inherit;
}

li {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/* Fix line height of p tags and figcaptions embedded in li tags */
li p, li figcaption {
	line-height: 135%;
}

/* Make nested lists use letters and different bullets, and numbers for numbered lists inside bullet lists */
li ol {
	list-style-type: lower-alpha;
}

li ul {
	list-style-type: square;
}

/* Outdent notes that are nested in lists. Ignored in iBooks too, I think. */
li > div.aside, li > aside {
	margin-left: -1.65em;
}

/* Outdent screenshots that are nested in lists. Not all screenshots in lists are actually nested properly in the HTML, but the 8% indent should work for them as well. */
li > figure {
	padding-left: 0em;
	margin-left: 0em;
}

/* Increase the line height of standard text. Added widows and orphans controls for non-iBooks EPUB readers that do support them. */
p { 
	line-height: 135%;
	widows: 2;
	orphans: 2;
}

/* Shrink the font size of captions, and add a little padding underneath */
p.caption, figcaption {
	font-family: "Verdana", sans-serif;
	font-weight: normal;
	font-size: 80%;
}

/* Increase the line height in lists to match p tags, and pad out each list item. Also, left-align bullets and numbers. */
ul, ol {
	line-height: 135%;
	list-style-position: outside;
	padding-left: 2em;
}

ul li ol {
	list-style-type: decimal;
}


/* Author field for title page in Pandoc. */
.author {
	margin-top: 3em;
	margin-bottom: 3em;
	font-size: 120%;
	font-family: "Verdana", sans-serif;
	font-weight: bold;
	color: #481865; /* AUTHOR COLOR TO CHANGE */
}

/* Rights field for title page in Pandoc. */
.rights {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* ISBN field for title page in Pandoc. */
.isbn {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Sans-serif font for TOC list items and better padding for TOC */
.toc li {
	font-family: "Verdana", sans-serif;
	margin-bottom: 0.3em;
	line-height: 135%;
}

#toc ol {
	list-style-type: none;
	padding-left: 0;
	font-size: 110%;
}

#toc ol li {
	padding-left: 1em;
	margin-top: 1em;
}

#toc ol li ol li {
	padding-left: 1em;
	font-size: 70%;
}