/*------------------------------------
| Top Bar (header, logo, etc.)
--------------------------------------*/
.header  {
	height:100px!important;
}

#logo-header {
	background: url('../../image/fna_logo.png');
	background-size: 105px 105px;
	
	margin-left:-18px; 
	width:105px; 
	height:105px; 
	
	margin-top:-30px;
	
	border:0; 
	cursor:pointer;
	
	position:absolute;
	z-index:999;
}

.header-fixed-shrink #logo-header {
	background: url('../../image/fna_logo.png');
	background-size:68px 68px;
	
	margin-left:-12px; 
	width:68px; 
	height:68px; 
	
	margin-top:3px;
	
	border:0; 
	cursor:pointer;
}



@media (max-width: 999px) {
	#logo-header {
		margin-left:-6px; 
	}
	
	.header-fixed-shrink #logo-header {
		margin-left:2px; 
	}
}

@media (min-width: 767px) and (max-width: 1000px) {
	#logo-header {
		margin-left:-18px; 
	}
	
	.header-fixed-shrink #logo-header {
		margin-left:-12px; 
	}
}

@media
	only screen and (min-device-pixel-ratio: 2),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1) {
		#logo-header {
			background: url('../../image/fna_logo@2x.png');
			background-size:105px 105px;
		}
		
		.header-fixed-shrink #logo-header {
			background: url('../../image/fna_logo@2x.png');
			background-size:68px 68px;
		}
}

ul.nav {
	margin-top: 22px;
}

.header-fixed-shrink ul.nav {
	margin-top: 10px;
}

@media (max-width: 999px) {
	ul.nav {
		background: #fff;
	}
}

/*------------------------------------
| Ingredients
--------------------------------------*/
@media (min-width: 768px) {
	.dl-horizontal dt {
		float:left;
		width:30%;
		overflow:hidden;
		clear:left;
		text-align:right;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.dl-horizontal dd {
		margin-left:32%;
	}
}

ol.recipe > li {
	padding-top: 15px;
}

ol.recipe > li:first-child {
	padding-top: 0px;
}

/*------------------------------------
| Unsorted
--------------------------------------*/
.topbar  li.active > a {
	color: #52b516!important;
	border-bottom: solid 2px #72c02c;
}

.navbar-header > .navbar-toggle {
	margin-top:16px;
}

.topbar-scroll-margin { 
	margin-top:100px!important;
}

.mail-teaser {
	font-size:1em;
}

@media (max-width: 480px) {
	.mail-teaser {
		font-size:0.9em!important;
	}
}

@media (max-width: 999px) {
	span.sorting-cover > p {
		font-size: 0.95em;
	}
}

.blocktext > p {
    text-align: justify;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;

}

.videowrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    margin-top: -5px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}