/*	Stylesheet Version 1.3.5

	==============
	STYLESHEET TOC
	==============

	Search any of the TOC entries below to navigate this stylesheet.

-	FONT EMBEDDING
-	GLOBAL
-	OPTIONAL SUPER STYLES / OVERRIDES (PAGE-BREAK CLASSES, ETC)
-	HEADERS
-	COPYRIGHT
-	PUBLISHER FONT PAGE
-	TABLE OF CONTENTS
-	FOOTNOTES
-	IMAGES
-	TABLES (IMAGE-BASED)
-	FLOATED IMAGES | FLOATED TEXT BOXES
-	METHOD SECTION WITH IMAGES (STEP-BY-STEP INSTRUCTIONS)
-	PULLQUOTES AND TEXTBOXES
-	INGREDIENT LISTS
-	AUDIO & VIDEO
-	SIDEBARS
-	POETRY
-	THUMBNAIL TOC GRID
-	NOEMOJI FIX
-	MEDIA QUERIES








	============================================================
	


						  FONT EMBEDDING



	============================================================

	Please note how ALL weights from the same font family share the exact
	same CSS font-family name. This allows us to call the relevant font
	style or font weight in the HTML by using simply <strong> and <em>
	tags—no extra classes required.

	>>>>>PLEASE STRICTLY ADHERE TO THE ABOVE METHODOLOGY.<<<<<

	>> Always use a font-stack that falls back to either 'serif' or 'sans-serif'.
*/
/* PRH CORE ASSETS - DO NOT DELETE */
@font-face { 
        font-family: "noemoji";
        font-weight: normal;
        font-style: normal;
/*        src: url(../prh_core_assets/fonts/symbola.otf);*/
}
@font-face { 
        font-family: "penguin";
        font-weight: normal;
        font-style: normal;
/*        src: url(../prh_core_assets/fonts/penguin.otf);*/
}
/* END PRH CORE ASSETS */
@font-face { 
        font-family: "base_font";
        font-weight: normal;
        font-style: normal;
/*        src: url(../fonts/base_font-regular.otf);*/
}
@font-face { 
        font-family: "base_font";
        font-weight: normal;
        font-style: italic;
/*        src: url(../fonts/base_font-italic.otf);*/
}
@font-face { 
        font-family: "base_font";
        font-weight: bold;
        font-style: normal;
/*        src: url(../fonts/base_font-bold.otf);*/
}
@font-face { 
        font-family: "base_font";
        font-weight: bold;
        font-style: italic;
/*        src: url(../fonts/base_font-bolditalic.otf);*/
}
/*
	============================================================



							  GLOBAL



	============================================================
*/
/* html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
The above disables webkit default tap zone highlighting color, USE ONLY IF SPECIFICALLY REQUESTED */

/*html {
	font-size: 16px;
}*/
body {
	font-family: serif;
	font-size: 1rem;
	margin: 0px;
	padding: 0px;
	color: #000;
	orphans: 2;
	widows: 2;
}
p {
	margin-top:0em;
	margin-bottom: 0em;
	orphans: 2;
	text-indent: 1em;
}
/* Remove indent from first paragraph */
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .sidebar_wrapper > p:first-of-type, .maincontent_wrapper > p:first-of-type {
	text-indent: 0em;
}
figure {
	page-break-inside: avoid;
	margin: 1em auto;
}
figcaption {
	width: 100%;
	padding: 0px;
	margin-top: 0.5em;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3em;
	font-style: normal;
	color: #1b1b1b;
}
figure + p {
	text-indent: 1em;
}
figure img + img, figure table + table {
	margin-top: 2px; /* Variable to adjust spacing between sibling elements of the same type within the figure element */
}
sup, sub {
	font-size: xx-small;
}
img {
	border: none;
}
ul {
	margin: 0em auto 0.5em auto;
}
del {
	text-decoration: line-through;
}
.small_caps {
    font-size: 0.75em;
    text-transform: uppercase;
}
.button {
        text-align: center;
}
.button a, .button a:visited {
        text-align: center;
        display: inline-block;
        color: #fff;
        border: 0px;
        border-radius: 3px;
        padding: 5px 10px;
        font-weight: bold;
        text-decoration: none;
}
.hidden_content {
	display: none;
}
/*
	===========
	BASE COLORS
	===========
*/
.primary_color {
	color: #ef6b00;
}
.bg_primary_color {
	background-color: #ef6b00;
}
.secondary_color {
	color: #007891;
}
.bg_secondary_color {
	background-color: #007891;
}
.tertiary_color {
	color: #5b5b5b;
}
.bg_tertiary_color {
	background-color: #5b5b5b;
}
/*
	============================================================



						OPTIONAL SUPER STYLES



	============================================================
*/
.underline, u {
	text-decoration: underline;
}
.pagebreak_after {
	page-break-after: always;
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
.pagebreak_before {
	page-break-before: always;
	margin-top: 0em !important;
	padding-top: 0em !important;
}
/*
	============================================================



							 HEADERS



	============================================================
*/
h1 {
	font-size: 2.2em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: bold;
	clear: both;
	page-break-inside: avoid;
	page-break-after: avoid;
}
h2 {
	font-size: 1.8em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: normal;
	clear: both;
	page-break-inside: avoid;
	page-break-after: avoid;
}
h3 {
	font-size: 1.45em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: normal;
	page-break-inside: avoid;
	page-break-after: avoid;
}
h4 {
	font-size: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: normal;
	page-break-inside: avoid;
	page-break-after: avoid;
}
h5 {
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: bold;
	page-break-inside: avoid;
}
h6 {
	font-size: 0.75em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: bold;
	page-break-inside: avoid;
}
span.subhead {
	display: block;
	font-size: 0.65em;
	page-break-inside: avoid;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
	margin-top: 1.25em;
}
h1 + h2, h2 + h3 {
	margin-top: 1.5em;
}
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5 {
	margin-top: 1.5em;
}
div + h2, div + h3, div + h4, div + h5, div + h6 {
	margin-top: 1.5em;
}
pre + h2, pre + h3, pre + h4, pre + h5, pre + h6 {
	margin-top: 1rem;
}
figure + h2, figure + h3, figure + h4, figure + h5, figure + h6 {
	margin-top: 1.25rem;
}
/*
	=============
	
	HEADER IMAGES - Apply directly to <img> element that is nested within a standard header; the header itself will determine the image's alignment. The image's alt-text MUST reflect the headers intended text.

	markup: <h5><img class="header_image50" src="../images/pg_54.jpg" alt="PROPER CORNED BEEF" /></h5>

	=============
*/
.header_image40 {
	width: 40%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image45 {
	width: 45%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image50 {
	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image55 {
	width: 55%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image60 {
	width: 60%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image65 {
	width: 65%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image70 {
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image75 {
	width: 75%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image85 {
	width: 85%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.header_image100 {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*
	============================================================



							COPYRIGHT



	============================================================
*/
body.copyright_page {
	text-align: center;
	font-size: 75%;
}
/*
	============================================================



				    PUBLISHER FONT DECLARATION



	============================================================
*/
.publisher_fonts {
	font-family: "base_font", sans-serif;
	text-align: center;
	text-indent: 0em;
	margin-bottom: 0em;
	font-size: 0.8em;
}
.publisher_fonts strong {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0em;
}
.publisher_icon {
	text-align: center;
	page-break-inside: avoid;
	overflow: hidden;
	clear: both;
	margin: 140px auto 0em auto;
	width: 8%;
}
.publisher_icon img {
	page-break-inside: avoid;
	width: 100%;
}
.penguin {
	font-family: "penguin", sans-serif;
	text-align: center;
	font-size: 3em;
	text-indent: 0em;
	margin-top: 0.3em;
	color: #000
}
/*
	============================================================



						TABLE OF CONTENTS



	============================================================
*/
ol.toc_ol_root {
	list-style-type: none;
	padding-left: 0.5em;
}
ol.toc_ol_nested {
	list-style-type: none;
	padding-left: 1.5em;
	margin-top: 0.25em;
	font-size: 95%;
}
.toc_ol_root li {
	margin-bottom: 0.7em;
}
.toc_ol_nested {
	color: #5b5b5b;
}
.toc_ol_nested .toc_ol_nested {
	margin-top: 0.2em;
	margin-bottom: 0.25em;
}
.toc_ol_nested, .toc_ol_nested li {
	margin-bottom: 0em;
}
.toc_ol_root a, .toc_ol_root a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
.toc_ol_nested a, .toc_ol_nested a:visited {
	color: inherit; /* Define color in .toc_ol_nested above */
	text-decoration: none;
	border-bottom: none;
}
/*
	============================================================



							FOOTNOTES



	============================================================
*/
h5.footnote_section_header {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 75%;
	color: #fff;
	margin-top: 4em;
	margin-bottom: 2em;
}
.footnote_section_header span {
	background-color: #bebebe ;
	padding: 2px 5px;
	text-align: center;
	border-radius: 10px;
}
aside.footnote:first-of-type {
	margin-top: 20%;
}
.footnote_section_header + .footnote {
	page-break-before: avoid;
	margin-top: 0em !important;
}
.footnote {
	font-size: 75%;
	font-style: normal;
	text-align: justify;
	margin: 0em 5% 1em 5%;
	border-radius: 5px;
	width: 90%;
}
.footnote p {
	padding-left: 10px;
	padding-right: 10px;
	margin: auto;
}
a.footnote_return {
	vertical-align: super;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	text-align: left;
	line-height: 100%;
	font-size: 8px;
	border-bottom: 0px;
}
a.noteref {
	vertical-align: super;
	padding: 0px 6px 2px 0px;
	margin: 0px;
	text-align: left;
	line-height: 100%;
	font-size: 0.7em;
	border-bottom: 0px;
}
/*
	============================================================



							  IMAGES



	============================================================
*/
img {	/*-- iOS8 Image Fix --*/
	display: inline;
}
/*
	=========================================
	Inline Images Example
	(Apply to image, adjust values as needed)
	=========================================
*/
.inline_image {
	height: 1em; /* Variable, adjust as necessary */
	vertical-align: middle; /* Top, middle, bottom as needed */
}
/*
	==================
	Extra-Small Images
	==================
*/
.portrait_xsmall {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 20%;
}
.portrait_xsmall img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
.landscape_xsmall {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 40%;
}
.landscape_xsmall img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
/*
	============
	Small Images
	============
*/
.portrait_small {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 30%;
}
.portrait_small img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
.landscape_small {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 58%;
}
.landscape_small img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
/*
	==============
	Default Images
	==============
*/
.portrait_default {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 38%;
}
.portrait_default img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
.landscape_default {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 70%;
}
.landscape_default img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
/*
	=============
	Medium Images
	=============
*/
.portrait_medium {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 50%;
}
.portrait_medium img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
.landscape_medium {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 84%;
}
.landscape_medium img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
}
/*
	==============================================
	Large Images + Double Page Spread (DPS) Images
	==============================================
*/
.portrait_large {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	width: 65%;
}
.portrait_large img {
	page-break-inside: avoid;
	border-radius: 3px; /* Optional */
	width: 100%;
}
.landscape_large {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	width: 100%;
}
.landscape_large img {
	page-break-inside: avoid;
	width: 100%;
}
/*
	================
	FULL PAGE IMAGES
	================
*/
.image_full {
	position: relative;
	text-align: center;
	page-break-before: always;
	page-break-after: always;
	page-break-inside: avoid;
	clear: both;
	border-radius: 3px;
	padding: 0px;
	margin: 0px auto;
	height: 99%;
	height: 99vh;
	width: 100%;
}
.image_full img {
	page-break-inside: avoid;
	border-radius: 3px;
	max-width: 100%;
	max-height: 100%;
}
.image_full_caption {
	position: relative;
	text-align: center;
	page-break-before: always;
	page-break-after: avoid;
	page-break-inside: avoid;
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	height: 99%;
	height: 99vh;
}
.image_full_caption img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 90% !important;
}
.cover_image {
	position: relative;
	text-align: center;
	padding: 0px;
	margin: 0em auto;
	width: 100%;
	page-break-inside: avoid;
	clear: both;
}
.cover_image img {
	width: 100%;
	page-break-inside: avoid;
}
/*
@supports (transform: translate(-50%, -50%)) {
		.cover_image, .image_full {
			height: 98.5vh;
		}
		.cover_image img, .image_full img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			max-width: 100%;
		}
}
*/
/*
	====================
	Plate Section Images
	====================
*/
.plate_image_portrait {
	text-align: center;
	clear: both;
	border-radius: 3px;
	width: 90%;
}
.plate_image_portrait img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 70%;
	margin: auto;
}
.plate_image_landscape {
	text-align: center;
	clear: both;
	border-radius: 3px;
	width: 90%;
}
.plate_image_landscape img {
	page-break-inside: avoid;
	border-radius: 3px;
	width: 100%;
	margin: auto;
}
.plate_image_portrait figcaption, .plate_image_landscape figcaption {
	text-align: justify;
	font-size: 0.9em;
}
/*
	======================================================
	METHOD SECTION WITH IMAGES (STEP-BY-STEP INSTRUCTIONS)
	======================================================
*/
.method_image {
	width: 65%;
	text-align: center;
	border-radius: 3px;
}
.method_image img {
	page-break-inside: avoid;
	border-radius: 3px;
	display: inline-block;
	margin: 0px;
	padding: 1px;
	width: 100%;
}
span.method_number {
	display: inline-block;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	margin-right: 0.5em;
	color: #ffffff; /* Variable */
	background-color: #333; /* Variable */
	border-radius: 50%;
}
/*

METHOD IMAGE ADAPTIVE MEDIA QUERIES

*/
@media screen and (max-width: 512px), amzn-kf8 and (device-height:1024px) and (device-width: 758px) {
	.method_image {
		page-break-inside: avoid;
		border-radius: 3px;
		display: inline;
		width: 80%;
	}
}
/*
	============================================================



				 			TABLES



	============================================================

	===========
	HTML Tables
	===========
*/
table {
	font-size: 0.8em;
	margin: 1em auto 1em auto;
}
figure table {
	margin: 0px auto;
}
table, th, td {
	border: 1px solid;
	border-collapse: collapse;
}
th, td {
	padding: 10px;
}
table + p {
	text-indent: 0em;
}
figure.horizontal_table_group {
	width: 100%;
	text-align: center;
}
.horizontal_table_group table {
	display: inline-block;
	border-width: 0px;
}
/*
	==================
	Image-based Tables
	==================
*/
.image_table {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	margin: 1.5em auto;
	width: 100%;
}
.image_small_table {
	text-align: center;
	page-break-inside: avoid;
	clear: both;
	margin: 1.5em auto;
	width: 50%;
}
.image_table img, .image_small_table img {
	page-break-inside: avoid;
	width: 100%;
}
.image_table + .image_table {
	margin-top: -1.5em;
}
/*
	============================================================



				FLOATED IMAGES | FLOATED TEXT BOXES



	============================================================
*/
aside.floatbox_left {
	font-size: 80%;
	text-align: left;
	width: 25%;
	margin: 0em 1.5rem 1.5em 0em;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: rgb(240,240,240);
	float: left;
}
aside.floatbox_right {
	font-size: 80%;
	text-align: left;
	width: 25%;
	margin: 0em 0em 1.5em 1.5rem;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: rgb(240,240,240);
	float: right;
}
figure.floatimage_right {
	float: right;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-left: 1.5rem;
	text-align: center;
	width: 28%;
	page-break-inside: avoid;
}
figure.floatimage_left {
	float: left;
	margin-top: 0.5em;
	margin-right: 1.5rem;
	margin-left: 0em;
	text-align: center;
	width: 28%;
	page-break-inside: avoid;
}
.floatimage_right img, .floatimage_left img {
	page-break-inside: avoid;
	border-radius: 3px; /* Optional */
	width: 100%;
}
.floatimage_right figcaption, .floatimage_left figcaption {
	text-align: left;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
/*
	============================================================



					 PULLQUOTES AND TEXTBOXES



	============================================================
*/
.txt_box {
	page-break-inside: avoid;
	width: 85%;
	margin: 1em auto;
	font-style: italic;
	padding: 10px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
}
.txt_box h5 {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box p {
	margin: 0em;
	text-indent: 0em;
	text-align: center;
}
.txt_box p + p {
	margin-top: 0.5em;
}
/*
	=====
	Box 2
	=====
*/
.txt_box2 {
	page-break-inside: avoid;
	width: 85%;
	margin: 1em auto;
	font-style: italic;
	padding: 10px 2%;
	background-color: #eee;
	border: 1px dotted #adadad;
	border-radius: 3px;
	clear: both;
}
.txt_box2 h5 {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box2 p {
	margin: 0em;
	text-indent: 0em;
	text-align: center;
}
.txt_box2 p + p {
	margin-top: 0.5em;
}
/*
	=====
	Box 3
	=====
*/
.txt_box3 {
	page-break-inside: avoid;
	width: 85%;
	margin: 1em auto;
	font-style: italic;
	padding: 15px 2% 10px 2%;
	background-color: #d6d6d6;
/*	background-image: url('../images/textbox_bg.png');*/
	background-repeat: repeat-x;
	background-position: left top;
	border-radius: 3px;
	clear: both;
}
.txt_box3 h5 {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box3 p {
	margin: 0em;
	text-indent: 0em;
	text-align: center;
}
.txt_box3 p + p {
	margin-top: 0.5em;
}
/*
	=====
	Box 4
	=====
*/
.txt_box4 {
	page-break-inside: avoid;
	width: 85%;
	margin: 1em auto;
	font-style: italic;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.txt_box4 h5 {
	text-align: center;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box4 p {
	margin: 0em;
	text-indent: 0em;
	text-align: center;
}
.txt_box4 p + p {
	margin-top: 0.5em;
}
.txt_box4 .textbox_border_image {
	width: 100%;
}
.txt_box4 .textbox_border_image:last-of-type {
	margin-top: 0.5em;
}
/*
	=====
	Box 5
	=====
*/
.txt_box5 {
	page-break-inside: avoid;
	width: 80%;
	margin: 1em auto;
	padding: 5px 10px 10px 10px;
	background-color: #a13f3f;
	border-left: 15px solid #5f0f0f;
	border-right: 15px solid #5f0f0f;
	border-top: 2px solid #5f0f0f;
	border-bottom: 4px solid #5f0f0f;
	font-size: 1.4em;
	color: #f0dada;
	border-radius: 2px 45px 2px 45px;
	clear: both;
}
.txt_box5 h5 {
	text-align: left;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box5 p {
	margin: 0em;
	font-style: normal;
	font-weight: normal;
	text-indent: 0em;
	text-align: left;
	padding-left: 10px;
}
.txt_box5 p + p {
	margin-top: 0.5em;
}
/*
	=====
	Box 6
	=====
*/
.txt_box6 {
	page-break-inside: avoid;
	width: 40%;
	float: right;
	margin: 0em auto 0.5em 0.75em;
	font-style: italic;
	padding: 0px 0px 0px 5px;
	border-left: 15px solid #eee;
	font-size: 1.5em;
	clear: both;
}
.txt_box6 h5 {
	text-align: left;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
}
.txt_box6 p {
	margin: 0em;
	text-indent: 0em;
	text-align: left;
}
.txt_box6 p + p {
	margin-top: 0.5em;
}
/*
	=====
	Box 7
	=====
*/
.txt_box7 {
	page-break-inside: avoid;
	font-size: 75%;
	font-style: normal;
	text-align: justify;
	margin: 0em auto 1em auto;
	border: 1px solid #6bad81;
	border-radius: 4px;
	width: 90%;
	clear: both;
}
.txt_box7 p {
	padding: 10px;
	text-indent: 0px;
}
.txt_box7 p + p {
	margin-top: -1.5em;
}
.txt_box7 h5 {
	display: block;
	background-color: #6bad81; /* Must match border color. */
	color: #fff;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0em;
	padding: 4px 4px 4px 10px;
	text-transform: capitalize;
}
/*
	=====
	Box 8
	=====
*/
.txt_box8 {
	width: 95%;
	margin: 1em auto;
	padding: 5px 10px;
	background-color: #eee;
	border: 1px solid #b7b5b5;
	border-radius: 3px;
	clear: both;
}
.txt_box8 h5 {
	text-align: left;
	margin: 0px auto 0.5em auto;
	font-style: normal;
	font-weight: bold;
	page-break-after: avoid;
}
.txt_box8 p {
	margin-bottom: 0.5em !important;
	text-align: left;
	font-style: normal;
}
/*
	=====================
	Box 9: Offset Tip Box
	=====================
*/
.txt_box9 {
	width: 90%;
	position: relative;
	page-break-inside: avoid;
	font-size: 0.8em;
	font-style: normal;
	text-align: center; /* Use this to control text alignment for the entire textbox */
	padding: 0px 10px 12px 10px;
	margin: 2em auto 1.5em auto; /* Top margin of 2em creates space for the offset header within. Otherwise should be 1em */
	border: 1px dashed #202020;
	border-radius: 3px;
	overflow: visible;
	clear: both;
}
.txt_box9 p {
	text-indent: 0px;
	text-align: inherit;
	margin: 0.5em auto 0em auto;
}
.txt_box9 h5 {
	width: 100%;
	page-break-inside: avoid;
	text-align: inherit;
	margin: -0.75em auto 0em auto;
	color: #000;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5em;
}
.txt_box9 h5 > span {
	display: inline-block;
	padding: 0px 6px;
	background-color: #fff;
}
/*
	==================================
	Box 9b: Offset Tip Box (Example 2)
	==================================
*/
.txt_box9b {
	width: 85%;
	position: relative;
	page-break-inside: avoid;
	font-size: 0.8em;
	font-style: normal;
	text-align: center; /* Use this to control text alignment for the entire textbox */
	padding: 0px 10px 12px 10px;
	margin: 2em auto 1.5em auto;
	border: 1px solid #840126;
	border-radius: 3px;
	overflow: visible;
	clear: both;
}
.txt_box9b p {
	text-indent: 0px;
	text-align: inherit;
	margin: 0.5em auto 0em auto;
	color: #840126;
}
.txt_box9b h5 {
	width: 80%;
	page-break-inside: avoid;
	text-align: inherit;
	margin: -0.6em auto 0em auto;
	padding: 3px 0px;
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.1em;
	text-transform: capitalize;
	background-color: #840126;
	border-radius: 3px;
}
/*
	============================================================



						 INGREDIENT LISTS



	============================================================
*/
div.ingredient_wrapper {
	width: 65%;
	margin: 1em auto 1em 1em;
	font-style: normal;
	font-size: 90%;
	text-align: left;
}
div.ingredient_wrapper_centered {
	width: 65%;
	margin: 1em auto;
	font-style: normal;
	font-size: 0.9em;
	text-align: center;
}
h5.ingredient_header {
	font-weight: bold;
	font-style: normal;
	margin-bottom: 0.5em;
	margin-top: 0em;
	text-align: inherit;
}
ul.ingredient_items {
	padding: 0px;
	margin-top: 0px;
	list-style-type: none;
	width: 100%;
	text-align: inherit;
}
ul.ingredient_items li {
	margin-left: 0.5em;
	text-indent: -0.5em;
	text-align: inherit;
}
/*
	============================================================



						  AUDIO & VIDEO



	============================================================
*/
.media_wrapper {
	text-align: center;
	border-radius: 3px;
	margin: 1.5em auto;
	padding: 0px;
	width: 100%;
	page-break-inside: avoid;
}
audio {
	width: 50%;
	border-radius: 2px;
}
video {
	border-radius: 2px;
}
img.nomedia_warning {
	background-repeat: no-repeat;
	background-position: center center;
}
/*
	============================================================



							 SIDEBARS



	============================================================
*/
.sidebar_wrapper {
	width: 25%;
	float: left;
	margin-right: 3%;
	margin-top: 0.4em;
	padding: 0px;
	font-size: 0.75rem;
	font-weight: normal;
	text-align: left; /* Variable */
	page-break-inside: avoid;
}
/* 'div.maincontent_wrapper' *MUST ALWAYS* follow immediately after 'aside.sidebar_wrapper'. */
.maincontent_wrapper {
	float: right;
	width: 71%;
	margin-top: 0em;
	padding: 0px;
}
.maincontent_wrapper + * {
	clear: both;
}
.maincontent_wrapper > *:first-child {
	margin-top: 0px;
}
.maincontent_wrapper > *:last-child {
	margin-bottom: 1.5em; /* Prevents overflow on subseqent elements that themselves have overflowed content */
}
/* All headers within '.sidebar_wrapper' must use the <h5> tag. */
.sidebar_wrapper h5 {
    font-family: "base_font";
    font-weight: bold;
	color: #ef6b00;
	text-align: inherit;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.sidebar_wrapper h5:first-child {
	margin-top: 0em;
}
.sidebar_wrapper p {
	text-indent: 0em;
}
.sidebar_wrapper ul {
	list-style: none; /* Delete this line for decorated list items */
	padding: 0px; /* Delete this line for decorated list items */
}
.sidebar_wrapper ul li {
	margin-bottom: 0.5em;
}
.sidebar_wrapper .stacked_image {
	float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
/*

SIDEBAR ADAPTIVE MEDIA QUERIES

*/
@media screen and (max-width: 512px), amzn-kf8 and (device-height:1024px) and (device-width: 758px) {
        .sidebar_wrapper {
                float: none;
                width: 100%;
                margin: 0em 0em 1.5em 0em;
                padding: 0px;
        }
        .sidebar_wrapper .stacked_image {
                width: 33.33%; /* Divide width of sidebar by the number of child images, in this example, 3 images. Works best with 3 to 5 square-aspect images. */
                display: inline;
                margin-bottom: 1.5em;
        }
        .maincontent_wrapper {
                float: none;
                clear: both;
                width: 100%;
        }
}
/*
	============================================================



							  POETRY



	============================================================
*/
.poetry_stanza, .numbered_paragraphs {
	margin: 1em 10% auto 0px;
	width: 90%;
	overflow: visible;
	text-align: justify;
}
.poetry_line {
	text-align: left;
	margin-left: 0em;
	text-indent: 0em;
}
.poetry_line_indented {
	text-align: left;
	margin-left: 1em;
}
.line_number {
	text-indent: 0em;
	text-align: right;
	width: 7%;
	margin: 0.4em -9% auto auto;
	padding: 0em;
	font-size: 65%;
	display: inline-block;
	float: right;
}
/*
	============================================================



						THUMBNAIL TOC GRID



	============================================================
*/
div.chapter_toc {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
div.chapter_toc_thumb {
	text-align: center;
	display: inline-block;
	width: 23.4%;
	padding: 0px;
	margin: 1px 2px 1px 2px;
}
div.chapter_toc_thumb img {
	width: 100%;
	border-radius: 4px;
}
h2.chapter_toc_header {
	font-size: 2.4em;
	line-height: 1.1em;
	margin-bottom: 0em;
	margin-top: 0px;
	padding: 0px;
	page-break-before: always;
	text-align: center;
}
h2.chapter_toc_header .subhead {
	font-size: 0.35em;
	color: #000; /* Match body font color */
	line-height: 1.3em;
	margin-top: 0.4em;
}
h2.chapter_toc_header .button {
	display: block;
	font-size: 0.27em;
	line-height: 1.5em;
	margin: 0.5em auto 1em auto;
}
.chapter_toc a {
	border: 0px;
}
h2#chapter_toc_text {
	page-break-before: always;
	clear: both;
}
ol.chapter_toc_text {
	font-size: 0.85em;
	text-align: left;
	list-style-type: none;
	padding-left: 0px;
}
.chapter_toc_text > li {
	margin-bottom: 0.5em;
	padding-left: 0em; /**/
	margin-left: 1.5em;
	text-indent: -1.5em;
	position: relative;
}
.chapter_toc_text ol li {
	list-style-type: none;
	margin-top: 0.25em;
}
.chapter_toc_text a, .chapter_toc_text a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
.chapter_toc_text ol li a, .chapter_toc_text ol li a:visited {
	color: #000;
	text-decoration: none;
	font-style: italic; /* Optional */
	border-bottom: none;
}
.chapter_toc_text > li > a::before {
	content: "\25B8 \FE0E";
	text-align: left;
	width: 1em;
	margin-right: 0.5em;
	color: #ef6b00; /* variable */
}
/* BEGIN SCALING THUMBNAILS [OPTIONAL / EXPERIMENTAL]
Adds scaling animation to Thumbnail TOC Grid, use only if specified! */
.chapter_toc a:hover img, .chapter_toc a:focus img, .chapter_toc a:active img {
	-webkit-animation: scaleThumb 0.2s;
	animation: scaleThumb 0.2s;
	-webkit-transform: translate3d(0, 0, 0); /* Force hardware acceleration */
}
@-webkit-keyframes scaleThumb {
  0%, 100% {width: 100%;}
  50% {width: 85%;}
}
@keyframes scaleThumb {
  0%, 100% {width: 100%;}
  50% {width: 85%;}
}
/*
	============================================================



							NOEMOJI FIX

		Prevent webkit from converting HTML entities to emoji



	============================================================
*/
.noemoji {
	font-family: "noemoji";
	font-size: inherit; /* variable */
	font-weight: normal;
}
@media not amzn-kf8 {
	.noemoji:after {
	      content: " \FE0E";
	    }
}
/*
	============================================================



						  MEDIA QUERIES

	[Must sit at the end of the very last referenced stylesheet]


	------------------------------------------------------------



	REMOVE DIFFERENT VERSIONS FROM THE DOCUMENT FLOW
	================================================
*/
@media not amzn-kf8 {
	.kf8_only {
		display: none;
	}
}
@media amzn-kf8 {
	.epub3_only {
		display: none;
	}
}
/*
	=================================
	KF8 NIGHT-MODE FIX FOR HYPERLINKS
	=================================
*/
@media amzn-kf8 {
	.toc_level1 a, .toc_level1 a:visited {
		color: #0066ff;
		text-decoration: none;
		border-bottom: none;
	}
	.toc_level2 a, .toc_level2 a:visited {
		color: #0066ff;
		text-decoration: none;
		border-bottom: none;
	}
}
/*
	======================================
	SIDEBAR LAYOUT FOR KINDLE IOS AZK MODE
	======================================
*/
@media amzn-kf8 and (device-height: 1024px) and (device-width: 768px), amzn-kf8 and (device-height: 768px) and (device-width: 1024px) {
	.sidebar_wrapper {
		display: block;
		width: 100%;
		text-align: left;
		float: none;
		font-size: 1em;
		margin-bottom: 2em;
	}
	.maincontent_wrapper {
		display: block;
		width: 100%;
		float: none;
	}
	.sidebar_wrapper p {
		text-align: left;
		font-size: 0.9em;
	}
	.sidebar_wrapper h5 {
		text-align: left;
	}
}
/* ---------------------------------------- END SYLES ----------------------------------------

							Koko H.Ekong for Random House, 2012/2013
									kekong@randomhouse.co.uk
*/