/**
 * Recipe Card Template
 */


#mpprecipe-container,
#mpprecipe-innerdiv {
    padding: 0!important;
    position: relative!important;
}

.mpprecipe-container-border {
    padding: 0!important;
    border: none!important;
}
#article .elementor-widget-theme-post-content #mpprecipe-container p {
    margin: 20px 0 !important;
}
#mpprecipe-container #mpprecipe-title {
    font-size: 38px!important;
    line-height: 43px!important;
    letter-spacing: 0.01em!important;
    font-family: "futura-pt"!important;
    text-transform: none!important;
    font-weight: 600!important;
    color: #535457!important;
    text-shadow: var(--font-smoothing-level-0);
}

#mpprecipe-container .ingredient-label[id*="mpprecipe-ingredient"] {
    font-size: 18px!important;
    line-height: 38px!important;
    font-weight: 600!important;
    letter-spacing: 0.01em!important;
    font-family: "futura-pt"!important;
    color: #535457!important;
    margin: 0 !important;
    margin-top: 30px!important;
    margin-bottom: 0!important;
    text-shadow: var(--font-smoothing-level-0);
}
#mpprecipe-container .ingredient-label[id*="mpprecipe-ingredient"]::after { content: ":"; }

#mpprecipe-container #recipe-img {
    float: right;
    width: 300px;
    height: 450px;
    object-fit: cover;
    object-position: center center;
    margin: 40px 50px !important;
}

#mpprecipe-container #mpprecipe-ingredients::after { content: ":"; }

#mpprecipe-container #mpprecipe-instructions.h-4.strong {
    font-size: 23px!important;
    font-weight: 600!important;
    letter-spacing: 0.025em!important;
    font-family: "futura-pt"!important;
    color: #535457!important;
    margin: 0 !important;
    margin-top: 40px!important;
    margin-bottom: 10px!important;
    text-transform: uppercase;
    text-shadow: var(--font-smoothing-level-0);
}

#mpprecipe-container li {
    list-style-type: none;
    margin: 0!important;
    padding: 0!important;
    font-size: 18px!important;
    line-height: 38px!important;
    font-weight: 400!important;
    font-family: "futura-pt"!important;
    text-shadow: var(--font-smoothing-level-1);
    margin-left: 0!important;
}


#mpprecipe-container .bottombar {
    background: none !important;
    height: 1px !important;
}

#mpp_print_button {
    background-color: transparent!important;
    text-shadow: none;
    color: inherit!important;
    font-family: futura-pt;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #333!important;
    border-radius: 0!important;
    /*box-shadow: 0 0 1px #bbb inset, 0 0 1px #bbb!important;*/
    letter-spacing: 0.15em!important;
    font-size: 12px!important;
    padding: 13px 22px!important;
    height: 40px!important;
    line-height: 1!important;
    text-shadow: var(--font-smoothing-level-2);
}

#mpprecipe-notes-list,
#mpprecipe-notes-list p,
#mpprecipe-container .recipecols span {
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 400!important;
    font-family: "futura-pt"!important;
    text-shadow: var(--font-smoothing-level-1);
    letter-spacing: 0.01em!important;
}

#mpprecipe-notes-list { margin-top: 30px!important; }
#mpprecipe-notes-list::before,
#mpprecipe-notes-list::after {
    content: "";
    width: 100%;
    display: block!important;
    height: 40px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzQAAAAGCAYAAAAVKNtMAAAACXBIWXMAAAsSAAALEgHS3X78AAAD8UlEQVR4nO2bjZHaMBCF9zqgBOMG4g7OHYQOQgdHB8d1QAlOB6QDpwNSwHEugQ7IaObpsij+WUlrmzPyDMMAtp5X+3l3haSn9/dzSUTmdTKvPF83pHCczx8FEWVEVLDWamhcFDWsjjkuzA4tjRIaK66R5+taqf0V2ucaDTROyhol+1rb3xmzwx6mj5olMKXlb2pnqkE/aTPF/a3NVIY+WgJT3N80AlMl2k9M9WskpuQaiSmZRmJKrpGYCtdI9VS3xmT1FB/Q2C9NZx3yfF0FNr4loj2AreFowmfT/jMR/YKGt1GAaYfX5wCGaRg7vhHRT3MfIc4HTMaGjX0Y8E4MAPN+NPcR4nw42tjwg4h+Q8O2w0Gu0FchGiXseIYG72/7QF7QTzH+3qE/To6GZeoEG46BGsaGLT66/h6DqbrF31MxdYjwdwGN7zMxZf09NlNWex/p76UwZWLInxamStgTw1QJG+ZmSiMvJaaGNYbi1JKYmir3JaaWn/umrKcaaITWU9bfNANTo9boT9fr1T3RDkjMSVupGJxdMYe2drZjbA0NEVzn88cGGr1BAsYaO16J6M0HYDh7j8FKZ2c7HWrOOwjbX+G6l6F7Yw9QhoGTCGBoVADHXF/1aGwQSC7QEAGMAHLAvfU+wApMNQP+5kx5DTJxbwewuO/6F8cpHt/yfL2XtE//BmQ7AVM2KJeBTG2HkoLD1NbD3zbh2GLk2KNh/X2BhuifMdhfIeh1MgV7LbenCZiqcO69MfU6lBS+AFMVkmhiql8jMSXTSHEqMaVdT/kwxespX6aWUE/NWqP/N6ChW0gkRXdMYW+LbimIBRzoA2IlhMTeB3kW9nwg13tdBIgckl1P4IkBUVp034AoDW6egSeUKZ/AExrcRMmM4oKbKPDQbVLyTZg8me16/B2TMKXJLEP7LyMzdQhImDdFtyCGhBRhPkyFFmFTMGUTzb0w5V2EJaZSnPrCceoz990BU1PlvpB6SjqQe/R6yueP8Zh6SjqQG6zRWwc0rAGeFNwpNjt1lA05bcAgPlhxp9i0prj5NB5fBsc1KHKqkC+L4lNsxKYjg6cKnYergQbvC41lE+4Sli6NmKlCd2q4j6nQ5XycqS5/azDVtrSSnCnuIKZalhvMyVTM9HMfU3yKO4YpdwlLF1Oxy2SGmKLIJQ33wpTGMpnElEzjkZgKWnb8gEyNnftoIUylempZ9VR0jd47oGFitmMK56dacTNX2yYo7Q34GXOwPbQ3jBXMwVyjVtzM5W6sI81NaR2b3khzw9jMTNXK/nY3ay6JqVrR34kpmcZcTGlvbF0qU2PkpRSnZBopTsk0ElNyjcSUTOO+a3Qi+gsxcKiFcWgRgQAAAABJRU5ErkJggg==");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#recipe-extras-nutriton,
#mpprecipe-container #mpprecipe-serving-size,
#mpprecipe-container #mpprecipe-yield,
#mpprecipe-container #recipe-extras-gww,
#mpprecipe-container .recipecols,
#mpprecipe-container #recipe-keys {
    font-size: 12px!important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    line-height: 14.4px!important;
    font-weight: 600!important;
    font-family: "futura-pt"!important;
    text-shadow: var(--font-smoothing-level-1);
}


#mpprecipe-instructions-list,
#mpprecipe-instructions-list li {
    list-style-type: decimal!important;
    list-style-position: inside!important;
    margin: 0!important;
    padding: 0 !important;
}



#mpprecipe-notes-list p { margin: 20px 0!important; }

#recipe-extras-nutriton span { display: block;
margin: 20px 0 !important; }
#recipe-extras-nutriton span {
    color: #535457!important;
    font-size: 18px!important;
    font-weight: 400!important;
    font-style: normal!important;
    line-height: 36px!important;
    letter-spacing: 0.01em!important;
    font-family: "futura-pt"!important;
    text-shadow: var(--font-smoothing-level-1)!important;
    text-transform: capitalize!important;
}

#recipe-extras-nutriton { padding-bottom: 20px; }


.mpprecipe-meta-container {
	margin-top: -200px;
}


/**
 * Absolute positioning because cannot modify plugin
 */

@media only screen 
and (min-device-width : 768px) {

    #mpprecipe-container .mpp-top {
         height: 120px!important; 
        width: 100%;
        /* background-image: url("data:image/png;base64,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"); */
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
        margin-bottom: -10px;
    }

    #mpprecipe-title {
        position: absolute;
        top: 12px;
        left: 20px;
        width: 560px!important;
    }


    #mpp_print_button{
        position: absolute;
        top: 50px;
        right: 60px;
    }


    #mpprecipe-container {
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzQAAAACCAYAAACOuZlaAAAACXBIWXMAAAsSAAALEgHS3X78AAAAMklEQVRYCe3RAQnAIAAAwR8YZFEWxeKaRRZDuINP8M9a+63+AAAArjKqr5q2AQAAV6kOR+YDfhk0bUcAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        background-position: top center;
    }
    #mpprecipe-container::after {
        content: "";
        clear: both;
        display: block;
        height: 4px;
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzQAAAACCAYAAACOuZlaAAAACXBIWXMAAAsSAAALEgHS3X78AAAAMklEQVRYCe3RAQnAIAAAwR8YZFEWxeKaRRZDuINP8M9a+63+AAAArjKqr5q2AQAAV6kOR+YDfhk0bUcAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        background-position: top center;
    }


    span[itemprop="author"] { display: none; }

 
    /* New additions July 3, 2020 */
    #mpprecipe-container #recipe-keys {
	    float: left;
	    width: 80px;
	    border-right: 1px solid #ddd;
	    margin: 0 20px;
	    height: 120px;
	}
	#mpprecipe-container #mpprecipe-summary {
	    height: 120px;
	}
	#mpprecipe-container .recipecols {
	    width: 100%;
	    clear: both;
	    margin: 20px!important;
	    border-top: 1px solid #ddd;
	}
	.recipecols > div {
	    width: 25%;
	    margin-top: 20px!important;
	    border-right: 1px solid #ddd;
	    text-align: center;
	    padding: 20px 0 !important;
	    display: block;
	    height: 100px;
	    float: left;
	    margin-bottom: 20px!important;
	    position: relative;
	}
	.recipecols > div:last-child {
		border: none!important;
	}
	#mpprecipe-container .recipecols span {
	    position: absolute;
	    top: 55px;
	    left: 0;
	    width: 100%;
	}


}






#mpprecipe-summary,
#mpprecipe-summary p {
    display:block!important;
    color: #535457!important;
    font-size: 18px!important;
    font-weight: 400!important;
    font-style: normal!important;
    line-height: 28px!important;
    letter-spacing: 0.01em!important;
    font-family: "futura-pt"!important;
    text-shadow: var(--font-smoothing-level-1)!important;
}

#mpprecipe-container #mpprecipe-cook-time { border: none!important; }

/**
 * Dietary tags
 */

#dietary {
    text-align: center;
    margin-bottom: 30px;
}
    #dietary span {
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        text-shadow: var(--font-smoothing-level-1);
        letter-spacing: 0.15em;
        line-height: 14.4px;
        text-transform: uppercase;
    }
    #dietary span::after {
        content: " • ";
            font-size:12px!important;
    }
    #dietary span:last-child::after {
        content: "";
    }



/**
 * Jump to recipe
 */
a.jump-to-recipe {
    background: #e5ebd9;
    position: relative;
    width: 150px;
    height: 40px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: var(--font-smoothing-level-1);
    letter-spacing: 0.15em;
    line-height: 14.4px;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 14px;
    color: #535457;
    z-index: 99999;
}
a.jump-to-recipe:hover {
    color: #535457!important;
}
a.jump-to-recipe +img {
    margin-top: -20px;
    width: 100%;
}
/**
 * Recipe keys
 */

#mpprecipe-container .recipe-keys span,
#mpprecipe-container .recipe-keys a {
    background: #4b4b4b;
    display: block;
    color: #fff;
    width: 28px;
    height: 28px;
    vertical-align: bottom!important;
    text-align: center;
    border-radius: 50%;
    line-height: 28px!important;
    margin-top: 10px;
    padding-left: 2px;
    display: none; /* use nth-child to display fewer items */
}

#mpprecipe-container .recipe-keys span {
    display: inline-block!important;
    margin-right: 8px!important;
} /* Display only the last two from dietary tags */

#recipe-keys {
	filter: grayscale(1);
}

/**
 * Stuff to get rid
 */

#mpprecipe-ingredients.h-4.strong { display: none; }

#mpprecipe-tags { 
display: none; }
#mpp_saverecipe_button {
    display: none!important;
}
#mpprecipe-container hr.specialhr {
    display: none;
}
#mpprecipe-container #mpprecipe-notes { display: none!important; }
#mpprecipe-container .nutbox { display: none !important; } /* Should probably be one liner for all */


/**
 * Final margin paddings / settings to override everything in this stylesheet
 */
li[id*="mpprecipe-instruction-"] {
    margin-bottom: 20px!important;
}

#mpprecipe-ingredients-list,
#mpprecipe-instructions.h-4.strong,
#mpprecipe-instructions-list,
#mpprecipe-notes-list p,
#recipe-extras-nutriton {
    padding-left: 20px!important;
    text-shadow: var(--font-smoothing-level-0)!important;
}

#mpprecipe-notes-list p {
    margin: 10px 0 !important;
}


/**
 * Fixes
 */ 
span[itemprop="servingSize"] {
    height: 30px;
    overflow: hidden;
}


#recipe-extras-nutriton  { display: none!important; }


#mpprecipe-print-container .mpp-topleft {
    width: 100%!important;
}