@charset "UTF-8";

/* ============================================================= */
/* FONTS */
/* ============================================================= */

@import "https://fonts.googleapis.com/css?family=Cardo:400,400italic";
@import "https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,700,700i";
@font-face {
  font-family: "NeutraDisplay";
  src: url("../fonts/Neutra-Display-Light.eot");
  src: url("../fonts/Neutra-Display-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Neutra-Display-Light.woff") format("woff"), url("../fonts/Neutra-Display-Light.ttf") format("truetype"), url("../fonts/iconfont.svg#NeutraDisplay") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "NeutraDisplay";
  src: url("../fonts/Neutra-Display-Bold.eot");
  src: url("../fonts/Neutra-Display-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Neutra-Display-Bold.woff") format("woff"), url("../fonts/Neutra-Display-Bold.ttf") format("truetype"), url("../fonts/iconfont.svg#NeutraDisplay") format("svg");
  font-weight: 700;
  font-style: normal; }


/* ============================================================= */
/* RESET */
/* ============================================================= */
@page
{
	size:21cm 29.7cm portrait
}

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html
{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body
{
	background: #fff;
	color: #000;
	font-family: Raleway, sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	line-height: 1.4;
}

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

figure
{
	margin: 0;
}

img
{
	max-width: 100%;
	page-break-inside: avoid;
}

h1, h2
{
	font-family: NeutraDisplay, serif;
	font-weight: 400;
	line-height: 1.1;
	text-transform: uppercase;
}

h1
{
	font-size: 40px;
	margin: 0 0 1em;
}

h2
{
	font-size: 28px;
	margin: 1.5em 0 1em;
}

h3
{
	font-size: 18px;
	margin: 1.5em 0 1em;
}

a
{
	color: #000;
	text-decoration: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.print-footnote,
.sr-only,
#need-help { display: none; }

/* ============================================================= */
/* STRUCTURE */
/* ============================================================= */
.container { width: auto; }

#page { padding-top: 0; }

#header
{
	background: #000;
	padding: 10px;
	position: static;
	text-align: center;
}

#header #header-logo
{
	position: static;
	height: 70px;
	width: auto;
}

#navigation { display: none; }


#content { padding: 20px; }



/* ============================================================= */
/* RECIPE */
/* ============================================================= */
#recipe-presentation table td
{
	vertical-align: top;
	width: 50%;
}

#recipe-presentation table td img
{
	width: 100%;
}

#recipe-presentation-text
{
	padding: 20px 0 0 20px;
	width: auto;
}

#recipe-presentation-text .recipe-title { font-size: 20pt; }

#recipe-presentation-text .btn { display: none; }

#recipe-presentation-text .recipe-desc { margin-bottom: 0; }

#recipe-steps h2
{
	text-align: center;
}

#recipe-steps .recipe-step
{
	margin: 5px 0 0;
	padding: 0;
}

#recipe-steps .recipe-step-title
{
	font-size: 14pt;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
	page-break-after: avoid;
}

#recipe-steps .recipe-step-content
{
	display: table;
	width: 100%;
}

#recipe-steps .recipe-step-content .row
{
	display: table-row;
}

#recipe-steps .recipe-step-content [class*="col-"],
#recipe-steps .recipe-step-content [class*="col-"]
{
	display: table-cell;
	vertical-align: top;
}

#recipe-steps .recipe-step-content .col-sm-5 { width: 40%; }
#recipe-steps .recipe-step-content .col-sm-7 { width: 60%; }

#recipe-steps .recipe-step-content ul,
#recipe-steps .recipe-step-content ol
{
	margin: 0;
}

#recipe-steps .recipe-step-content li + li
{
	margin-top: 0px;
}

#recipe-steps .recipe-step-ingredients a:before { display: none; }

#recipe-finishing
{
	margin: 40px 0 0;
}

#recipe-finishing table td
{
	vertical-align: top;
	width: 50%;
}

#recipe-finishing table td img
{
	width: 100%;
}

#recipe-finishing-text
{
	padding: 0 20px 0 0;
}

#recipe-related-recipes .section-title
{
	page-break-after: avoid;
}

/* ============================================================= */
/* FOOTER */
/* ============================================================= */
#footer { display: none; }