.mpp-recipe-author {
    margin-top: -4px !important;
}

/*

DESIGN 2

*/

div#mpp-buttons {
    float: none !important;
}
div#mpp-buttons div {
    margin-right: 10px;
    margin-top: 15px !important;
}
#mpprecipe-ingredients-list li,
#mpprecipe-instructions-list li {
    margin-bottom: 0.4em;
}
.mpprecipe {
    color: #444;
    font-family: "Lato", sans-serif;
    font-weight: 300 !important;
    font-size: 15px !important;
    word-wrap: initial;
}
#mpprecipe-serving-size {
    font-family: "Lato" !important;
}
.mpprecipe div,
.mpprecipe p {
    box-sizing: border-box !important;
}
content-box #mpprecipe-yield {
    font-size: 18px !important;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300 !important;
}
#mpprecipe-title {
    font-size: 38px !important;
    letter-spacing: 1px;
    color: #ca3811;
    font-weight: 300 !important;
}
#mpprecipe-summary {
    font-size: 30px !important;
    color: #ca3811;
    font-style: italic !important;
    font-weight: 300 !important;
}
#mpprecipe-container #mpprecipe-summary .summary {
    margin: 0px 0;
    font-size: 18px;
}
#mpprecipe-prep-time,
#mpprecipe-cook-time,
#mpprecipe-total-time {
    color: #bbbbbb;
    font-weight: 400 !important;
    font-size: 19px !important;
}
#mpprecipe-prep-time span,
#mpprecipe-cook-time span,
#mpprecipe-total-time span {
    display: block;
    font-weight: 300;
    color: #444444;
    font-size: 20px !important;
    padding-bottom: 8px;
}
.mpprecipe .h-4 {
    color: #ca3811;
    font-size: 22px !important;
    font-weight: 400 !important;
}
.butn-link {
    width: 140px;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
    color: #ca3811;
    border: solid #ca3811 3px !important;
    border-radius: 3px;
    text-align: center;
    line-height: 40px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}
.save-button img {
    line-height: 40px !important;
    vertical-align: middle !important;
}
.butn-link:hover {
    background-color: #f1f1f1;
    color: #e1441a;
    border: solid #e1441a 3px !important;
}

.save-button {
    width: 140px;
    height: 40px;
    background-color: #ca3811;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 40px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}
.save-button:hover {
    background-color: #e1441a;
}

#mpprecipe-yield {
    text-transform: uppercase;
    margin-top: 0 !important;
}

.mpp-top {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.mpp-topright {
    width: 40%;
    float: right;
}
.mpp-topleft {
    float: left;
    width: 60%;
    padding: 0 !important;
    padding-right: 30px !important;
}
.mpp-topleft .fl-l {
    width: 100%;
}
.mpp-toprightimage {
    width: 100%;
    height: 250px;
    background-position: center;
    margin: 0 auto !important;
}

#mpprecipe-container ul {
    margin: 1em;
    padding: 0 0 0 0em;
}
#mpprecipe-cook-time {
    border-left: solid #cccccc 1px !important;
    border-right: solid #cccccc 1px !important;
}
#mpprecipe-prep-time,
#mpprecipe-cook-time,
#mpprecipe-total-time {
    float: left;
    width: 33%;
    padding: 10px !important;
}

/* START BUTTON CHANGES */
#mpp-buttons-2 {
    padding-bottom: 20px !important;
}
#mpp-buttons-2 a {
    color: white !important;
}
#mpp-buttons-2 a:hover {
    text-decoration: none !important;
}
.myrecipe-button {
    width: calc(33.3% - 4px);
    height: 40px;
    background-color: rgb(202, 56, 17);
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 40px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}
.myrecipe-button:hover {
    background-color: rgb(225, 68, 26);
}
.mylist-button {
    width: calc(33.3% - 4px);
    height: 40px;
    background-color: rgb(202, 56, 17);
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 40px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}
.mylist-button:hover {
    background-color: rgb(225, 68, 26);
}
.mycal-button {
    width: calc(33.3% - 4px);
    height: 40px;
    background-color: rgb(202, 56, 17);
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 40px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
}
.mycal-button:hover {
    background-color: rgb(225, 68, 26);
}
@media screen and (max-width: 530px) {
    .mycal-button,
    .mylist-button,
    .myrecipe-button {
        width: 100%;
    }
}
/* END BUTTON CHANGES */

.mpp-recipe-author {
    padding-bottom: 20px !important;
    display: block !important;
    color: #e9623d !important;
    font-style: italic !important;
}

@media screen and (max-width: 1300px) {
    */ .mpprecipe {
        font-size: 15px !important;
    }
    #mpprecipe-yield {
        font-size: 16px !important;
    }
    #mpprecipe-title {
        font-size: 40px !important;
    }
    #mpprecipe-summary {
        font-size: 30px !important;
    }

    #mpprecipe-prep-time span,
    #mpprecipe-cook-time span,
    #mpprecipe-total-time span {
        font-size: 27px !important;
    }
    .mpprecipe .h-4 {
        font-size: 20px !important;
    }
    .butn-link {
        font-size: 14px !important;
    }

    .save-button {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1050px) {
    */ .mpprecipe {
        font-size: 14px !important;
    }
    #mpprecipe-yield {
        font-size: 14px !important;
    }
    #mpprecipe-title {
        font-size: 32px !important;
    }
    #mpprecipe-summary {
        font-size: 26px !important;
    }
    #mpprecipe-prep-time,
    #mpprecipe-cook-time,
    #mpprecipe-total-time {
        font-size: 15px !important;
    }
    #mpprecipe-prep-time span,
    #mpprecipe-cook-time span,
    #mpprecipe-total-time span {
        font-size: 20px !important;
    }
    .mpprecipe .h-4 {
        font-size: 18px !important;
    }
    .butn-link {
        font-size: 13px !important;
    }

    .save-button {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 862px) {
    .mpp-topleft {
        clear: both;
        float: none;
        width: 100%;
        padding-right: 0px !important;
    }
    .mpp-topright {
        width: 100%;
        position: initial;
        padding-top: 30px !important;
    }
}
@media screen and (max-width: 480px) {
    #mpprecipe-prep-time,
    #mpprecipe-cook-time,
    #mpprecipe-total-time {
        width: 100%;
        margin: 0 !important;
        text-align: center !important;
    }
    #mpprecipe-cook-time {
        border-left: solid #cccccc 0px !important;
        border-right: solid #cccccc 0px !important;
    }
    #mpprecipe-summary {
        padding-bottom: 40px;
    }
    div#mpp-buttons {
        margin-top: 10px !important;
        clear: both !important;
        float: none !important;
        padding-top: 40px !important;
    }
    .mpp-button {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
    }
}