/* recipe detail */
.mcl .container, 
.mcl .mcl-container
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mcl .mcl-col-small-12
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mcl-recipe-detail .mcl-no-bullet 
{
    margin-left: 0;
}

.mcl-recipe-detail .mcl-card__title 
{
    border-bottom: none;
}

.mcl-recipe-detail .mcl-recipe__placeholder
{
    margin-bottom: 15px;
}

.mcl-recipe-detail .mcl-h1
{
    text-align: left !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    font-size: 36px;
    font-weight: bold;
    color: #3c3c3c;
}

.mcl-recipe-detail .mcl-byline.text-center 
{
    text-align: left !important;
    font-weight: bold;
    font-style: italic;
    color: #3c3c3c;
}

.mcl-recipe-detail .mcl-recipe__image 
{
    margin-bottom: 20px;
}

.mcl-recipe-detail .mcl-recipe__description
{
    line-height: 1.63em;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.mcl-recipe-detail h2,
.mcl-recipe-detail h3 
{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: #3c3c3c;
    margin-bottom: 20px;
    padding: 0 !important;
}

.mcl-recipe-detail h3 
{
    margin-top: 38px;
}

.mcl-recipe-detail p[data-ui="mcl-recipe__makes"],
.mcl-recipe-detail div[data-ui="mcl-recipe__timing"]
{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #3c3c3c;
    margin-bottom: 24px;
    padding-bottom: 0 !important;
}

.mcl-recipe-detail .mcl-list--ingredients span.mcl-recipe__ingredients__quantity 
{
    min-width: 1em;
}

.mcl-recipe-detail .mcl-list--ingredients span.mcl-recipe__ingredients__quantity,
.mcl-recipe-detail .mcl-list--ingredients span.mcl-recipe__ingredients__item
{
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #3c3c3c;
}

.mcl-recipe-detail .mcl-recipe__timing__active,
.mcl-recipe-detail .mcl-recipe__timing__total
{
    font-weight: bold;
    margin-right: 0 !important;
}

.mcl-recipe-detail .mcl-recipe__timing__active 
{
    border-right: 1px solid #212529;
    padding-right: 5px !important;
    margin-right: 5px !important;
}

.mcl-recipe__ingredients__quantity
{
    text-align: left;
}

.mcl-recipe-detail .mcl-recipe__ingredients__item
{
    padding-left: .5em;
}

.mcl-recipe-detail .mcl-list--directions > ol > li::before 
{
    font: 700 12px/1 sans-serif !important;
    padding: .5em !important;
    width: 2em !important;
    height: 2em !important;
}

.mcl-recipe-detail .mcl-list--directions > ol > li
{
    padding-left: 33px !important;
}

.mcl-recipe-detail .button,
.mcl-recipe-detail .button.large
.mcl-recipe-detail .button:focus, 
.mcl-recipe-detail .button:hover
{
    background: #117bb0 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 20px 32px !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    outline: none !important;
}