/**
 *
 * Recipe Shortcode Styles
 *
 */

.ns-recipe {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-top:4em;
    margin-bottom:4em;
    padding-bottom:1.5em;
    border-bottom: 4px solid #f1efeb;
    padding-top: 1.5em;
    border-top: 4px solid #f1efeb;
}

.ns-recipe .recipe-left {
    display: inline-block;
    width: 100%;
}

.ns-recipe .recipe-right {
    display: inline-block;
    width: 100%;
}

.ns-recipe .recipe-title {
    width: 100%;
    margin-bottom: 1em;
}

.recipe-image {
    margin-bottom:1.25em;
}

.recipe-image img {
    width:100%;
    height:auto;
}

.recipe-courtesy,
.recipe-prep,
.recipe-cook,
.recipe-serves,
span.ingredients-header,
.entry-content h4.nutrition-info,
span.preparation-header {
    color:#000;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin-top: 3.5em;
    margin-bottom: 1.75em;
    font-weight: 700;
    font-family: "Helvetica Neue", sans-serif;
    margin: 0;
}

div[itemprop="nutrition"] {
    line-height:1.4;
}

.nutrition-item {
    color: #000000;
    font-size: 13.6px;
    font-size: .85rem;
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
    margin: 0;
}

.nutrition-item:after {
    content: ", ";
}

.nutrition-item.saturated,
.nutrition-item.monosaturated,
.nutrition-item.unsaturated,
.nutrition-item.trans {
    font-style: italic;
    color: #7b7b7b;
}

.wf-active .recipe-courtesy,
.wf-active .recipe-prep,
.wf-active .recipe-cook,
.wf-active .recipe-serves,
.wf-active .ingredients-header,
.wf-active .entry-content h4.nutrition-info {
   font-family: 'proxima-nova', "Helvetica Neue", sans-serif;
}

.entry-content .recipe-description ol li {
    margin-left: -8px;
    padding-left: 10px;
}

.entry-content h4.nutrition-info {
    margin-bottom:0;
    font-weight:700;
}

.recipe-ingredients {
    margin-top:1em;
}

.recipe-ingredients ul {
    margin:0.5em 0 1.5em 0;
}

.recipe-ingredients ul li {
    margin:0 0 0.5em 0;
    list-style:none;
}

.ns-recipe .entry-footer {
    padding:0;
}

@media screen and (min-width:1280px) {
    .ns-recipe .recipe-left {
        display: inline-block;
        width: 38%;
    }

    .ns-recipe .recipe-right {
        display: inline-block;
        width: 62%;
        padding-left: 1.5em;
    }
}

@media print {
    .ns-recipe .recipe-left {
        display: inline-block;
        width: 38%;
    }

    .ns-recipe .recipe-right {
        display: inline-block;
        width: 62%;
        padding-left: 1.5em;
    }
}