/* -- Updated 07/03/13, CB Digital Production-- */

/* ---- GENERAL ---- */
html, body { margin: 5px; padding:0; border-width: 0; 
-webkit-hyphens:none;
-epub-hyphens:none;
}

/* ---- EMBEDDED FONTS: normal is for regular text, italic & bold change the <strong> and <em> tags // do not use span classes for bold and italics ---- */

@font-face {
font-family:"DIN";
src: url("../fonts/DIN-Regular.otf");
}
@font-face {
font-family:"DIN";
src: url("../fonts/DIN-Bold.otf");
font-weight:bold;
}
@font-face {
font-family:"DIN";
src: url("../fonts/DIN-RegularItalic.otf");
font-style:italic;
}
@font-face {
font-family:"Periodico";
src: url("../fonts/PeriodicoDisplay-ThIt.otf");
}
@font-face {
font-family:"PeriodicoDisplay-BkIt";
src: url("../fonts/PeriodicoDisplay-BkIt.otf");
font-style:italic;
}
@font-face {
font-family:"PeriodicoDisplay-Th";
src: url("../fonts/PeriodicoDisplay-Th.otf");
}
@font-face {
font-family:"PeriodicoDisplay-BdIt";
src: url("../fonts/PeriodicoDisplay-BdIt.otf");
}
@font-face {
font-family:"DIN1451Engschrift";
src: url("../fonts/DIN1451Engschrift.otf");
}


/* ---- ALL MAIN P STYLES ARE HERE, NO NEED TO DUPLICATE ATTRIBUTES ---- */
p {
margin: 0;
text-align:left;
font-size: .8em;
text-indent: 0em;
line-height: 1.2em;
font-family:"DIN", sans-serif;

/* -- ePub 3 -- */	
widows: 3; 
orphans: 3;
word-wrap: break-word;
overflow-wrap: normal;
text-wrap: normal;
}

/* ---- LINKS ---- */	
a {
color: RGB(18,168,157); 	/* or RGB(0,0,0) */
text-decoration: none;
} 

/* ---- TITLE PAGE should be image only ---- */
img.title { 
margin:15% 0 0 0;
text-align: center;
vertical-align: central;
max-width: 100%;}

/* ---- FRONT MATTER ---- */
.dedication {
font-family:"Periodico", sans-serif;
margin-top: 10%;
text-align: center;
font-size: 1.2em;
line-height: 1.5em;
}
.acknowledgements {
}

/* ---- COPYRIGHT ---- */
div#copyright {
font-size: 0.9em;
font-family:"DIN", sans-serif;
text-align: center;
line-height: 1.5em;
}

div#copyright p {
margin-bottom: 1.5em;
}
/* ---- TOC ---- */
.toctitle {
font-family:"DIN1451Engschrift";
margin-top: 4em;
margin-bottom: 1.6em;
margin-left: 1em;
}
.toc {
font-family:"DIN";
margin-top: .6em;
margin-left: 1em;
}
.toc1 {
font-family:"PeriodicoDisplay-BkIt";
font-size: .8em;
margin-top: 1.5em;
margin-left: 1em;
}
.toc2 {
font-family:"DIN";
margin-top: .2em;
margin-left: 1em;
}
.toc3 {
font-family:"PeriodicoDisplay-BkIt";
margin-top: .2em;
margin-left: 1em;
}


/* ---- HEADER STYLES - Do not use margins greater than 2em ---- 
- Headers that follow text should have a top margin ----*/
h1 {
font-family: "PeriodicoDisplay-BkIt", serif;
text-align: left;
}
.h1_text {
margin-bottom: 2em;
}

h2 {
font-family: "DIN1451Engschrift", sans-serif;
text-align: left;
}
.h2_text {
margin-bottom: 2em;
}

.h3 {
font-family: "DIN1451Engschrift", sans-serif;
text-align: left;
border-top: solid .2em;
border-color: RGB(168,19,84);
}
.h3_text {
font-family: "DIN1451Engschrift", sans-serif;
margin-bottom: 1.2em;
}

h4 {
font-family:"PeriodicoDisplay-BdIt";
text-align: left;
}

h5 {
font-family:"DIN";
margin-top: 1.2em;
margin-bottom: 1.2em;
text-align: left;
}

h6 {
}

/* ---- Use the following with h tags, for subheads that are different from other subheads ---- */

.section_title {
}

.section_head {
}

.chapter_title {
}

.chapter_head {
}


/* ---- TEXT STYLES  - Do not use margins greater than 2em ---- */
/* ---- IMPORTANT!   - Do not duplicate styles; only change code that is different from the default p tag
- .running_first) should be used on paragraphs with NO indent, followed by (running_text_indent)
- Use (running_first) only when the header bottom margin is too small; otherwise use (running_text) */

p.running_first {
font-family:"DIN", sans-serif;
margin: 1em 0 1em 0;
}

/* Use (running_top) when there's no header, no indent */

p.running_top {
font-family:"DIN", sans-serif;
margin: 1.5em 0 0em 0;
}

/* (running_text) is the default p tag, noindent, with bottom margin */

p.running_text {
font-family:"DIN", sans-serif;
padding: .6em;
margin: 2% 0 1em 0;
border-top: dotted .2em;
border-color: RGB(0,165,158);
}

/* The next set are indented text; never add bottom margin when there is indented text 
Use (running_first_indent) with header above it */

p.running_first_indent {
font-family:"DIN", sans-serif;
margin: .6em 0 0 0;
}

/* Use (running_top_indent) for larger top margin, no header above it */

p.running_top_indent {
font-family:"DIN";
font-size: .9em;
margin: 1.3em 0 1.2em 0;
border-top: dotted .2em;
border-color: RGB(0,165,158);
}

p.running_text_indent {
text-indent: 1.5em;
}

p.right {
font-family:"PeriodicoDisplay-BdIt", sans-serif;
text-align: left;
}

p.center {
text-align: center;
}

/* Use (chapter_head_note) for text that is an introduction, with header above it, but is different from running text */

p.chapter_head_note {		
}


/* -- RECIPE BOOKS -- */
p.recipe_hdnote {
text-indent: 0;
text-align: left;
margin-bottom: 1em;
}
.yield {
font-size: .75em;
text-align:center;
font-weight: bold;
}
p.method_txt {
text-indent: 0;
margin-bottom: 1em;
}


/* ---- EXTRACT, PULL QUOTES, DISPLAY text ---- */
.drop_cap {
font-size: 1.3em;
font-weight: bold;
height: auto;
}
.pull_quote {
font-family:"PeriodicoDisplay-Th", sans-serif;
text-align:left;
font-size:1.5em;
margin-top: .5em;
}
.display_type {
font-family:"DIN";
text-align:left;
margin: 1.3em 0 0em 1.3em;
font-size:.8em;
}


/* ---- CAPTIONS ---- */
.caption {
font-family:"DIN1451Engschrift";
text-align:center;
margin-top: 1em;
font-size:.9em;
padding: .7em;
color: RGB(255,255,255);
background-color: RGB(168,19,84);

}
.caption_1_hd {
}

.caption_1_txt {
font-family:"DIN";
text-align:center;
margin: 1.3em 0 0em 0;
font-size:.7em;
}

.caption_2_hd {
}

.caption_2_txt {
}

/* ---- SIDE BARS ---- */
/* ---- add font family and font size to div#sidebar ---- */

div.sidebar {
margin: 0em;
padding: .5em;
background-color: RGB(255,243,219);
page-break-inside: avoid;
page-break-after: always;
}

.sidebar_1_hd {
font-family:"DIN";
font-size: .9em;
margin-top: 5%;
border-top: solid .2em;
border-color: RGB(241,90,79);
page-break-inside: avoid;
}

.sidebar_1_hdnote {
page-break-inside: avoid;
}

.sidebar_1_txt {
font-family: "DIN";
margin: .5em;
font-size: 0.8em;
background-color: RGB(0,165,158);
color: RGB(255,255,255);
page-break-inside: avoid;
padding: 3px;
}

.sidebar_2_hd {
page-break-inside: avoid;
}

.sidebar_2_hdnote {
page-break-inside: avoid;
}

.sidebar_2_txt {
page-break-inside: avoid;
}


/* ---- LISTS ---- */
ol {
list-style-type: none;
padding: 0px; 
margin-bottom: 1em;
}
ul {
list-style-type: none;
padding: 0px;
margin-bottom: .2em;
margin-left: 1.5em;
text-indent: -1.5em;
}
ul.alternate_style {
list-style-type: none;
padding: 0px;
margin-bottom: 1em;
}
li {
font-family:"DIN", sans-serif;
margin-bottom: .5em;
}
.ingred_list_sub {}

.footnotes {}


/* ---- IMAGES ---- */

/* ---- Large images have no margin ---- */
div.image_wrap {
vertical-align: top;
text-align: center;
margin:0;
display: block;
page-break-inside: avoid;
}


/* ---- Smaller images will have a margin ---- */
div.image_wrap_small {
text-align: center;
margin: 1em 0 1em 0;
page-break-inside: avoid;
}

/* -- All images should have p tag -- */
p.image {
text-align: center;
display: block;
margin:0;
}

/* -- images that are largest on the vertical side -- */
img.vertical {
margin: 0;
text-align: center;
height: 90%;
width: auto;
}
/* -- images that are largest on the horizontal side -- */
img.horizontal {
margin: 0;
text-align: center;
width: 100%;
height: auto;
}
.image_background {
margin: 0;
background-repeat: no-repeat;
background-size: contain;
}
.floatleft {
float: left;
width: 40%;
margin: 10px 10px 10px 0;
}
.floatright {
float: right;
width: 40%;
margin: 10px 10px 10px 0;
}
/* -- to be used within floatleft, floatright, and gallery divs -- */
img.float {
width: 100%; 
height: auto;
}

/* -- used to create a grid of images -- */
.gallery_25 {
width: 23%;
float: left;
padding: 1%;
}
.gallery_50 {
width: 48%;
float: left;
padding: 1%;
}

div.clear {clear: both}
div.pagebreak {page-break-after:always;}

/* ---- FRACTIONS ---- */
sup {
vertical-align: super;
font-size: 0.7em;
line-height: 0em;
}
sub {
vertical-align: sub;
font-size: 0.7em;
line-height: 0em;
}

/* -- TABLES -- */
div.table {
margin: 1em;
}
table {
border-collapse: collapse;
margin: 1em 1em;
text-align: left;
}
.thead {
font-family:"DIN1451Engschrift";
margin: 1.3em 0;
text-align: left;
}
.table {
font-family:"DIN";
margin: 1.3em 0;
text-align: left;
}
.borderbottom {
border-bottom: solid .2em;
border-color: RGB(241,90,79);
}
td, th {
padding: 3px 5px;
}
p.indexmain {
font-family:"DIN", sans-serif;
font-size: .8em;
margin: .4em 0 0em 0;
}
span.underline {
border-bottom: solid .1em;
border-color: RGB(162,192,47);
}
span.underline1 {
border-bottom: solid .1em;
border-color: RGB(241,90,79);
}
span.underline2 {
border-bottom: solid .1em;
border-color: RGB(168,19,84);
}
span.font {
font-family:"DIN1451Engschrift", sans-serif;
}
span.font1
{
font-family: sans-serif;
}
span.font2
{
font-family:"PeriodicoDisplay-BkIt";
}
/* ---- COLORS, ok to use span tags, change attributes if needed, don't add classes ---- */
.red {color: RGB(168,19,84);}
.yellow {color: RGB(253,184,19);}
.blue {color: RGB(0,165,158);}
.orange {color: RGB(241,90,34);}
.green {color: RGB(162,192,47);}
.pink {color: RGB(241,90,79);}
.purple {color: RGB(204,153,255);}
.gray {color: RGB(64,64,65);}