/* Namespace declarations */

@namespace epub "http://www.idpf.org/2007/ops";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var, small, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
} 

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    font-family: san-serif;
    background-color: transparent;
    hyphens: none;
   -webkit-hyphens: none;
    -moz-hyphens:none;
    adobe-hyphenate: none;    
	margin: 20px 25px 15px 20px;
	text-indent: 0;
}

ol, ul {
	list-style-type: none;
}

blockquote {
	quotes: none;
}

q {
  quotes: "“" "”" "‘" "’";
 }

q:before {
    content: open-quote;
 }

q:after {
    content: close-quote;
 }

table {
    display: table;
	border-collapse: collapse;
 }

/* end CSS Reset */

@font-face {
	font-family:"Noto Serif";
	font-style:normal;
	font-weight:normal;
	src : url("fonts/NotoSerif.ttf") format('truetype');
}
@font-face {
	font-family:"Noto Serif";
	font-style:normal;
	font-weight:bold;
	src : url("fonts/NotoSerif-Bold.ttf") format('truetype');
}
@font-face {
	font-family:"Noto Serif";
	font-style:italic;
	font-weight:normal;
	src : url("fonts/NotoSerif-Italic.ttf") format('truetype');
}
@font-face {
	font-family:"Noto Serif";
	font-style:italic;
	font-weight:bold;
	src : url("fonts/NotoSerif-BoldItalic.ttf") format('truetype');
}
@font-face {
	font-family:"Noto Serif";
	font-style:oblique;
	font-weight:normal;
	src : url("fonts/NotoSerif-Italic.ttf") format('truetype');
}
@font-face {
	font-family:Roboto;
	font-style:normal;
	font-weight:bold;
	src : url("fonts/Roboto-Bold.ttf") format('truetype');
}
@font-face {
	font-family:Roboto;
	font-style:italic;
	font-weight:bold;
	src : url("fonts/Roboto-BoldItalic.ttf") format('truetype');
}
@font-face {
	font-family:Roboto;
	font-style:italic;
	font-weight:normal;
	src : url("fonts/Roboto-Italic.ttf") format('truetype');
}
@font-face {
	font-family:Roboto;
	font-style:oblique;
	font-weight:normal;
	src : url("fonts/Roboto-Italic.ttf") format('truetype');
}
@font-face {
	font-family:"Roboto Light";
	font-style:normal;
	font-weight:300;
	src : url("fonts/Roboto-Light.ttf") format('truetype');
}
@font-face {
	font-family:"Roboto Light";
	font-style:italic;
	font-weight:300;
	src : url("fonts/Roboto-LightItalic.ttf") format('truetype');
}
@font-face {
	font-family:"Roboto Light";
	font-style:oblique;
	font-weight:300;
	src : url("fonts/Roboto-LightItalic.ttf") format('truetype');
}
@font-face {
	font-family:"Roboto Thin";
	font-style:normal;
	font-weight:normal;
	src : url("fonts/Roboto-Thin.ttf") format('truetype');
}
@font-face {
	font-family:Roboto;
	font-style:normal;
	font-weight:normal;
	src : url("fonts/Roboto-Regular.ttf");
}

/* Paragraph Styles */

p.quotepara, p.quotesource {font-family: "Roboto Light", sans-serif;font-style:italic;font-weight: 300;}
p.quotesource {font-family: "Roboto Light"; text-transform:uppercase; font-style:normal;}
p {
	background-color: inherit;
    margin: .5em 0;
	line-height: inherit;
	outline: 0;
	padding: 0;
	text-indent: 1em;
    text-align: left;
    font-family: "Noto Serif", serif;
}

p.RecipeSubhead, p.FeatureRecipeSubhead {
    margin: 0em 0em .8em 0em;
    text-indent: 0;
}
div.RecipeTime, div.FeatureRecipeTime {
    margin: 1em 0em 1em 0em;
}
p.RecipeTime, p.FeatureRecipeTime {
    margin: 0em 0em 0em 0em;
    text-indent: 0;
}
p.RecipeIngredientHead, p.FeatureRecipeIngredientHead {
    text-indent:0;
    margin: 1em 0em 0em 0em;
    font-weight: bold;
    text-indent: 0;
}
p.RecipeYield, p.FeatureRecipeYield {
    font-style: italic;
    margin: 0em 0em 1em 0em;
    text-indent: 0;
}
p.RecipeIngredientList, p.FeatureRecipeIngredientList {
    margin: 0em 0em .3em 0em;
    text-indent: 0;
}
p.RecipeProcedureHead, p.FeatureRecipeProcedureHead, p.RecipeVariationHead {
    margin: 1em 0em 0em 0em;
    font-weight: bold;
    text-indent: 0;
}
p.RecipeVariationPara {
    color: rgb(88,89,91);
    font-family: "Noto Serif", serif;
}

div.objectivesList + p, p.listPara, h2 + p, h3 + p, header + p, blockquote p, p.listhead, .noindent {text-indent:0;}

/*color list*/
.gray {color: rgb(88,89,91);}
.pink1 {color: rgb(236,0,140);}
.pink2 {color:rgb(222,162,162);}
.red1 {color: rgb(218,31,61);}
.red2 {color:rgb(207,32,51);}
.red3 {color:rgb(210,35,42);}
.orange {color:rgb(222,176,99);}
.purple1 {color:rgb(179,64,104);}
.purple2 {color:rgb(92,38,94);}
.purple3 {color:rgb(136,56,100);}
.green1 {color:rgb(167,202,121);}
.green2 {color:rgb(148,199,151);}
.green3 {color:rgb(149,207,181);}
.blue1 {color:rgb(118,154,200);}
.blue2 {color:rgb(98,141,194);}


/*Headings*/
h1 {
    font-size: 1.7em;
    font-family: "Roboto Light", sans-serif;
}
h1.mattertitle {
    text-transform:uppercase;
}
h1.missiontitle {
    text-transform:uppercase;
    color: rgb(52,51,51);
    text-align: center;
    font-size: 2em;
    margin-bottom: 2em;
}
span.partTitle {
    font-size: 1.2em;
    font-family: "Noto Serif", serif;  
    font-weight: bold;
    font-style: italic;
}
span.chapterNumber {
    
}
section.foreword h2.RecipeTitle {
    color: rgb(218,31,61);
}
section.p01 h1 span.chapterTitle {
    color: rgb(148,199,151);
}
section.p01 h2.RecipeTitle {
    color: rgb(148,199,151);
}
section.p01 section.note, section.p01 section.featureNote {
    border: 1px solid rgb(148,199,151);
}
section.p02 h1 span.chapterTitle {
    color:rgb(222,176,99);
}
section.p02 h2.RecipeTitle {
    color:rgb(222,176,99);
}
section.p02 section.note, section.p02 section.featureNote {
    border: 1px solid rgb(222,176,99);
}
section.p03 h1 span.chapterTitle {
    color:rgb(98,141,194);
}
section.p03 h2.RecipeTitle {
    color:rgb(98,141,194);
}
section.p03 section.note, section.p03 section.featureNote {
    border: 1px solid rgb(98,141,194);
}
section.p04 h1 span.chapterTitle {
    color:rgb(92,38,94);
}
section.p04 h2.RecipeTitle {
    color:rgb(92,38,94);
}
section.p04 section.note, section.p04 section.featureNote {
    border: 1px solid rgb(92,38,94);
}
section.p05 h1 span.chapterTitle {
    color:rgb(136,56,100);
}
section.p05 h2.RecipeTitle {
    color:rgb(136,56,100);
}
section.p05 section.note, section.p04 section.featureNote {
    border: 1px solid rgb(136,56,100);
}


h2 {
    font-size: 2em;
    font-family: "Noto Serif", serif;
    font-style:italic;
    margin: 1em 0em 0em 0;
}
h2.FeatureRecipeTitle {
    color: rgb(88,89,91);
    font-family: "Roboto Light", serif;
    font-weight: 300;
    font-style:normal;
}
h2.FeatureRecipeTitle span.grad {
    color: #c4c5c6;
    font-family: "Noto Serif", serif;
    font-style: italic;
    font-size: .9em;
}
h3 {
    font-size: 1.2em;
    font-family: sans-serif;
    font-weight: bold;
    margin: 1em 0em .8em 0;
}

/*Lists*/
body ul {
    list-style-type: disc;
    margin-left: inherit;
    padding-left: 2em;
    padding-bottom: .6em;
    text-align: left;
    font-family: "Noto Serif", serif; 
}
body ol {
    list-style-type: decimal;
    margin-left: inherit;
    padding-left: 1.5em;
    padding-bottom: .4em;
    text-align: left;
    font-family: "Noto Serif", serif;
}
ol.none {
    list-style-type: none;
}
ol.alpha {
    list-style-type:upper-alpha;
}
ol.lower-alpha {
    list-style-type:lower-alpha;
}
li {
    margin-top: .5em;
}
ul.RecipeProcedure li, ul.FeatureRecipeProcedure li {
    color: rgb(88,89,91); 
}
div.RecipeProcedure {
    padding-left: 0em;
    padding-bottom: .6em;
}
div.RecipeProcedure p {text-indent:0;color: rgb(88,89,91);}

/*Spans*/
span.dropCap {
    float:left;
    font-size: 330%;
    margin: -.2em .2em -.04em 0;
    font-family: "Roboto Light", sans-serif;
    color: rgb(218,31,61);
}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
span.underline {text-decoration:underline;}
span.tablenumber {font-weight: bold;}
span.GlutenFree img {width: 2em; padding: 2px;}
span.DairyFree img {width: 2em; padding: 2px;}
span.Vegan img {width: 2em; padding: 2px;}
span.Vegetarian img {width: 2em; padding: 2px;}
sup {vertical-align:super; font-size: .6em;}

/*Figures*/
figure {
    margin: 1em auto;
    padding: 4px;
    width:99%;
}
figure.graphic {
    page-break-before: always;
}
figure.figure {
    page-break-before:auto;
}
figure.graphic img {
    max-width: 100%;
}
figure.cover img {
    max-width: 100%;
border: 1px solid black;
}

/*Tables*/
table{
    border-collapse: collapse; /*turns off double borders*/
    margin: 0 auto .5em 0;
    width:99%;
    page-break-before: always;
}
table.dozen {
    border: none;
    page-break-before:auto;
}
table.dozen td.border, table.dozen th.border {
    border-right: 1px solid rgb(148,199,151);
}

td, th {
    font-size: inherit;
    font-weight: inherit;
    background-color: inherit;
    display: table-cell;
    padding: 5px;    
    text-indent: 0;
    text-align: left;
    vertical-align: text-top;

}
th.listhead {
    color:rgb(148,199,151);
    font-family: "Noto Serif", serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1.3em;
}

tr {
    display: table-row;
    font-size: inherit;
    font-weight: inherit;
}
th img {max-width:100%;}
th b {
    font-family: "Roboto Light", sans-serif;
    font-weight: normal;
    font-style:normal;
    font-size: 1.8em;
    color: rgb(74,76,76);  
}
th {width:250px;}
th.gloss {
    vertical-align:middle; 
    padding-left:20px;
    width: auto;
}
td {
    font-family: "Roboto Light", sans-serif;
    font-weight: normal;
    font-style:normal; 
    padding-left:20px;
}
td.col1 {
    font-family: "Noto Serif", serif;
    font-weight: normal;
    font-style:normal;
    color:rgb(167,202,121);
    border-right: 2px solid rgb(167,202,121); 
    padding-left:0;
    vertical-align: top;
    text-align: right;
    padding-right: 10px;
}
/*Features*/
aside {
    page-break-inside: avoid;
}
aside p, aside ul, aside ol {
    text-indent: 0;
    font-family: "Noto Serif", serif;
}
.feature1, .note {
    margin: 1em auto;
    padding: 4px;
    page-break-inside: avoid;
}
section.note, section.featureNote {
    padding: 8px;
    border: 1px solid rgb(148,199,151);
    border-radius: 8px;
}
p.RecipeNotePara, p.FeatureRecipeNotePara {
    color: rgb(88,89,91);
    font-style:italic;
}
p.RecipeNotePara span.Vegan img, p.RecipeNotePara span.Vegetarian img, p.RecipeNotePara span.DairyFree img, p.RecipeNotePara span.GlutenFree img, p.FeatureRecipeNotePara span.Vegan img, p.FeatureRecipeNotePara span.Vegetarian img, p.FeatureRecipeNotePara span.DairyFree img, p.FeatureRecipeNotePara span.GlutenFree img {width:1em; padding: 0 2px 0 0;}

p.FeatureRecipeContributor {
    color: rgb(88,89,91);
    font-style:italic;
    font-size: 1.1em;
    margin-bottom:1em;
}

section.feature3 {
    padding: 8px;
    background-color: #EEEEEE;
}
p.featurepara {font-family: "Roboto Thin", sans-serif;color: #000;}

section[class="feature1"] div.grad_image {
    width:200px;
}
div.grad_image img {max-width:100%;}

section[class="feature1"] h2 {
    margin: 0;
    text-align: left;
    text-indent: 0;
}

section[class="feature1"] h2 {
    font-size: 2.0em;
}

section[class="feature2"] h2 {
    font-size: 1.1em;
    text-transform:uppercase;
}

section[class="feature3"] h2 {
    font-size: 1.1em;
    text-transform:uppercase;
    color: #666666;
}
.top, .bottom {
    display: none;
}
/*Blockquotes*/
blockquote {
    margin: 1em 2em 1em 2em;
}
blockquote p {
    font-style: italic;
}
blockquote p.source {
    text-align: right;
    font-style: normal;
}

/*Navigation*/
nav[epub|type~="landmarks"] {
	display: none;
	visibility: hidden;
}

nav[epub|type~="page-list"] {
	display: none;
	visibility: hidden;
}
nav {
	margin: 1em auto;
}

nav ol {list-style-type: none;}
nav.guideList, nav.pageList {display: none; visibility: hidden;}

.contentsH1 {
    list-style-type: none;
    margin-left: 0;
    text-align: left;
}

.contentsH2 {
    list-style-type:none;
    text-align: left;
}

.toclist ol {
    list-style: none;
}

.toclist li {
    list-style: none;
	margin-top: .3125em;
}

.guidelist,.pagelist {
	display: none;
	visibility: hidden;
}


/*Titlepage*/

section.titlePage{}
h1.bookTitle {font-size: 2.7em; text-align: center; text-indent:0;font-family: "Noto Serif", serif;}
h2.bookSubTitle {font-size: 1.5em; text-align: center; text-indent:0;font-family: "Roboto", sans-serif; font-weight: 300; font-style:normal;}
div.authorGroup {}
div.bookAuthor {margin: 2em 0 .6em 0;}
p.authorName {font-size: 2.3em;text-indent:0; text-align: center;font-family: "Noto Serif", serif;}
p.founderline {font-size: 1.2em; text-align: center; text-indent:0;font-family: "Roboto", sans-serif; font-weight: normal; font-style:normal;}

/*Front matter*/
section.copyright p {text-indent: 0;}
p.copyright {font-size: .9em;margin: 0; padding: 0;}
div.copyright {margin: 1em 0 .5em 0;}
div.dedication {text-align: center; width:20%;margin: 14px auto;}
div.dedication img {width: 80px;}
p.dedication{text-indent:0;font-style:italic;text-align: center;}
figure.cover {width:100%; border: none;text-align:center;}
figure.cover img {max-width:100%;}
div.publisherWordmark figure {border: 0;text-align:center;}

section.foreword {
    font-family: "Noto Serif", serif;
    font-weight: normal;
    font-style: normal;
    color: rgb(88,89,91);
}
blockquote.foreword {
    
}
.notes {border-top: 1px solid rgb(88,89,91); margin-top:1em;}
.notelist {font-size: .8em;}
aside.noteEntry {margin: .5em 0;}

p.listhead {
    font-family: "Noto Serif", serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1.3em;
    text-indent:0;
}
p.season {
    font-family: "Noto Serif", serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.3em;
    text-indent:0;
}
p.suggestion {
    font-family: "Roboto Light", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.1em;
    text-indent:0;
}
ul.season li {
    font-family: "Roboto Light", sans-serif;
    font-style: normal;
    font-weight: normal;
    list-style-type:disc;
}
ul.suggestion {list-style-type:none;}
ul.suggestion li {
    font-family: "Roboto Light", sans-serif;
    font-style: normal;
    font-weight: normal;
    text-indent: -2em;
}
ul.suggestion li:before {
    content: '✔';   
    margin-left: 1em;
    margin-right: .400em;
}



/*Index*/
p.indexletter {
    text-indent:0;
    margin-top: 1em;
    color:rgb(167,202,121);
    font-size: 1.3em;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-style: normal;
}
.index1, .index2, .index3 {
    font-family: "Noto Serif", serif;
    font-weight: normal;
    font-style: normal;
    font-size: .9em;
}
p.index1 {text-indent:0; }
p.index2 {text-indent:0;margin-left: 1em;}
p.index3 {text-indent:0;margin-left: 2em;}


/*end style sheet*/