/* Basic
------------------------------------ */

.navbar-nav>.user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    margin-bottom:-4px;
    line-height: 10px;
}

.content-header {
    min-height:35px;
}

.recipes > .recipe {
    margin-bottom:30px;
}

.recipes > .recipe > .recipe-card {
    display:block;
    position:relative;
}

.recipes > .recipe > .recipe-card > .recipe-photo {
    z-index:1;
    position:absolute; top:0; right:0; bottom:0; left:0;
    background:#fff center no-repeat;
    background-size:cover;
}

.recipes > .recipe > .recipe-card > .recipe-photo > img {
    position:absolute; top:-9999px; left:-9999px; height:0; width:0;
}

.recipes > .recipe > .recipe-card > .recipe-info {
    z-index:1;
    position:relative;
    padding:150px 15px 15px;
    color:#fff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+25,1+75 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.recipes > .recipe > .recipe-card > .recipe-info > .is-private {
    position: absolute; top: -10px; right: -10px;
    font-size: 2em; line-height: 1.5em; text-align: center;
    color: #ffffff; background: #f39c12;
    height: 1.5em; width: 1.5em;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

.recipe-single > .recipe-card {
    display:block;
    position:relative;
}

.recipe-single > .recipe-card > .recipe-photo {
    z-index:1;
    position:absolute; top:0; right:0; left:50%;
    height:400px;
    background:#fff center no-repeat;
    background-size:cover;
}

.recipe-single > .recipe-card > .recipe-info {
    z-index:1;
    position:relative;
    padding:15px 15px 15px;
	width:50%; min-height:400px;
}

.recipes > .recipe > .recipe-card > .recipe-info > .tags > * {
	position:relative;
}

.recipes > .recipe > .recipe-card > .recipe-info > .tags .is-private {
}

.label > .fa {
    position:relative; top:1px;
}


@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 9em;
    }
    .dl-horizontal dd {
        margin-left: 10em;
    }
}

@media (max-width:767px) {

   .recipe-single > .recipe-card > .recipe-photo {
	    z-index:1;
	    position:relative; top:0; right:0; left:auto;
	    height:200px;
	    background:#fff center no-repeat;
	    background-size:cover;
	}

	.recipe-single > .recipe-card > .recipe-info {
	    z-index:1;
	    position:relative;
	    padding:15px 15px 15px;
	    width:100%; min-height:400px;
	} 

}

.recipe-single > .recipe-card > .recipe-info .recipe-time {
    margin-top:15px;
    padding-top:5px; padding-bottom:5px;
}

.recipe-time h5 {
    margin-bottom:0;
}

.recipe-time-value {
    position:relative;
    font-weight:bold;
    font-size:1em;
    line-height:1.5em;
    padding-top:0.6667em;
    padding-bottom:0.6667em;
}

.recipe-time-value > * {
    display:block;
}

.recipe-time-value > .value {
    font-size:2em;
}

.recipe-time-value > .longvalue {
    font-size:1.5em;
}

.recipe-time-value i {
    position: absolute; top:0; left: 50%; margin-left: -0.64em;
    opacity: 0.125;
    font-size:4em;
}

.recipe-ingredients,
.recipe-instructions,
.recipe-notes {
    margin-top:30px;
}

.recipe-ingredients li,
.recipe-instructions li,
.recipe-notes li {
    margin-bottom:0.6667em;
	line-height:1.33em;
}

.recipe-ingredients ul {
    list-style: none;
    padding: 0;
}
.recipe-ingredients li {
    padding-left: 1.3em;
}

.recipe-ingredients li:before {
    content: "\f096"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}
