/**
 * Recipe stylesheet
 *
 * @package    Auberge Plus
 * @copyright  2015 WebMan - Oliver Juhas
 *
 * @since    1.1
 * @version  1.3
 */



	/**
	 * Recipe page
	 */

		.skip-to-recipe a {
			display: block;
			padding: .38em 1em;
			text-align: center;
			text-transform: uppercase;
			font-size: .81em;
			border: 2px solid;
		}
			.skip-to-recipe a:before,
			.skip-to-recipe a:after {
				content: '\2193';
				margin: 0 .62em;
			}



		/**
		 * Recipe display
		 */

			.recipe {
				padding: 1.62em;
				margin: 1.62em 0;
				border: 2px solid;
			}

			/* Title */

				.recipe-title,
				.recipe-section-title { text-align: center; }

					.recipe-title small {
						display: block;
						margin-top: .38em;
						font-size: .5em;
					}

			/* Meta */

				.recipe-meta ul {
					padding: .38em 1em;
					margin: 0 0 1.62em;
					list-style: none;
					text-align: center;
					border-top: 2px solid;
					border-bottom: 2px solid;
					border-color: inherit;
					overflow: hidden;
				}
					.recipe-meta li {
						float: left;
						width: 25%;
						font-size: .81em;
					}
					.recipe-meta .columns-1 li { width: 100%;    }
					.recipe-meta .columns-2 li { width:  50%;    }
					.recipe-meta .columns-3 li { width:  33.33%; }

						.recipe-meta strong,
						.recipe-meta span { display: block; }
							.recipe-meta span { margin-top: .38em; }

					.recipe-meta [title] { cursor: help; }

				.time-updated { display: none; }

			/* Ingredients */

				.ingredients {
					padding: 0 1em 1.62em;
					margin-bottom: 1.62em;
					border-bottom: 2px solid;
					overflow: hidden;
				}

					.ingredients ul {
						margin-left: 0;
						list-style: none;
						font-size: .81em;
					}
						.ingredients li {
							padding: .38em .62em;
							border-top: 1px dashed;
						}
							.ingredients li:first-child { border: 0; }

						.ingredients input {
							margin-right: .62em;
							font-size: 1.38em;
						}
							.ingredients input:checked + span { text-decoration: line-through; }

						.ingredients a {
							font-weight: 600;
							color: inherit;
						}

				/* Instructions */

					.instructions ol li { margin-top: 1.62em; }
						.instructions ol li:first-child { margin-top: 0; }

				/* Nutrition */

					.instructions + .nutrition {
						padding: 1.62em 1em 0;
						margin-top: 1.62em;
						border-top: 2px solid;
					}

						.nutrition-facts {
							font-size: .81em;
							border-left: 0;
							border-right: 0;
							border-top-width: 2px;
							border-radius: 0;
						}

							.nutrition-facts th,
							.nutrition-facts td {
								border-left: 0;
								border-bottom-style: dashed;
							}
							.nutrition-facts tr:last-child th,
							.nutrition-facts tr:last-child td { border-bottom-style: solid; }

							.nutrition-facts td { text-align: right; }



	/**
	 * Responsive styles
	 */

		/**
		 * 680px max
		 */

			@media only screen and (max-width: 680px) {

				.recipe-meta .columns-3 li,
				.recipe-meta .columns-4 li {
					width: 50%;
					margin: .38em 0;
				}

				.ingredients ul.column { margin-bottom: 0; }
					.ingredients ul.column + ul.column { border-top: 1px dashed; }

			} /* /(max-width: 680px) */



		/**
		 * 420px max
		 */

			@media only screen and (max-width: 420px) {

				.recipe-meta .columns-2 li,
				.recipe-meta .columns-3 li,
				.recipe-meta .columns-4 li {
					width: 100%;
					margin: .38em 0;
				}

			} /* /(max-width: 420px) */



	/**
	 * Print recipe
	 */

		/* Print button */

			.print-recipe button {
				display: block;
				width: 100%;
				margin-top: 2.62em;
				text-align: center;
			}

				.print-recipe button:before {
					content: '\f469';
					margin-right: .62em;
					font-size: 1.38em;
					font-family: 'Genericons';
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-decoration: inherit;
					text-transform: none;
					-moz-osx-font-smoothing: grayscale;
					 -webkit-font-smoothing: antialiased;
					speak: none;
					vertical-align: middle;
				}

		@media print {

			/* HTML5 Boilerplate print */

				* {
					background: transparent !important;
					color: black !important;
					text-shadow: none !important;
					-ms-filter: none !important;
					    filter: none !important;
				} /* Black prints faster: h5bp.com/s */

				a,
				a:visited { text-decoration: underline; }

				p a[href]:after { content: ' (' attr(href) ')'; }

				abbr[title]:after { content: ' (' attr(title) ')'; }

				blockquote {
					border-color: #999;
					page-break-inside: avoid;
				}

				thead { display: table-header-group; } /* http://css-discuss.incutio.com/wiki/Printing_Tables */
				tr,
				img { page-break-inside: avoid; }

				img { max-width: 100% !important; }

				@page { margin: 1cm; }

				p,
				h2,
				h3 {
					orphans: 3;
					widows: 3;
				}

				h2,
				h3 { page-break-after: avoid; }

			/* /HTML5 Boilerplate print */

			body,
			h1, h2, h3, h4, h5, h6 { font-family: "Palatino Linotype", Georgia, Times, serif; }

			body {
				padding: 0;
				margin: 0;
				font-size: 10pt;
				line-height: 1.62em;
			}

			input {
				background: none;
				border: 2px solid #666;
				-webkit-appearance: none;
			}

			.site-header,
			.breadcrumbs-container,
			.skip-to-recipe,
			.print-recipe,
			.sharedaddy,
			.entry-meta-bottom,
			.post-navigation,
			.comments-area,
			.sidebar,
			.site-footer { display: none !important; }

			.site-content {
				padding: 0;
				width: auto;
				max-width: 100%;
			}

			.is-singular .site-main > .hentry {
				float: none;
				width: 100%;
			}

			.recipe {
				padding: 0;
				border: 0;
				page-break-before: always;
			}

		} /* /print */



/* End of file */