/* 
Document   : print.css
Created on : 2018-05-03, 01:20
Author     : Susanne Jarl
Description: Layout for printer friendly format.
*/

@media print {
	/* GENERAL */
	body {
		color: black;
		background-color: white;
	}
	h1 {
		color: black;
	}
	h2, h3 {
		color: black;
		border: none;
		font-family: 'Trebuchet MS', 'Helvetica', Arial;
		font-variant: small-caps;
		letter-spacing: 1px;
	}

	p a {
		font-weight: normal;
		color: black;
	}


	#header {
		height: 58px;
	}

	#headerLogo {
		height: 58px;
	}
	
	#loggaImageLeft {
		position: absolute;
		margin-bottom: 10px;
	}
	
	#loggaImageLeft img {
		width: 153px;
		height: 48px;
	}

	.headerMenuLine {
		display: none;
	}

	/* Hide elements */
	.topMenuButton, .menu, #headerMenu, #headline, #headerSearch, #topBanner, #topBannerMobile, #breadcrumbItems, #reviewSummary, #categoryItems, .floatRightTop, .socialShare, .grid-container, .adVideo, .adContentMid, .adContentMid2, #kommentarer, #seeAlso, #sidebar, #authorInfo, #footer, #right-space, #ovenSettingsInfo, .adMobileBottom, .adBottom {
		display: none;
	}

	#page-container, #main-content, #content-wrapper {
		width: 100% !important;  /* Ensures full width */
		max-width: none !important; /* Overrides any max-width settings */
		display: block;
	}
	
	#mainImageContainer {
		width: 300px;
		float: right;
		margin: 8px 0px 8px 8px;
	}

	#mainImageContainer img {
		width: 300px;
		height: 200px;
	}
	
	/* Recipe */
		
	ul.ingredients {
		line-height: 0.9;
	}
	
	li.ingredient a, ul.list li a {
		color: black;
		font-weight: normal;
	}
	
	div.property a {
		font-weight: normal;
		color: black;
	}
	
	span.propertyTitle {
		font-weight: normal;
	}

	/* Images */
	.stepContentImageWrap {
		width:300px;
	}

	.stepContentImageWrap img {
		width: 300px;
		height: 200px;
	}

	.clearAfter {
		gap: 2px; /* Adjust spacing */
	}
	
	/* Food */
	#shortLinkList, #foodRecipeList, #foodConversion {
		display: none;
	}
	
	/* Equipment */
	#linkEquipmentRecipeList, #equipmentRecipeList {
		display: none;
	}

	/* Blog */
	#blogStart, #publishedInfo {
		display: none;
	}
	.blogEntryContent {
		width: 630px;
	}
	.blogFont p, blogFont li {
		font-size: 14px;
	}

}