.recipe-card {
    border-radius: 0.6rem;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}

.recipe-card .header {
    position: relative;
    background-color: #fcfcfc;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
}

.recipe-card .header .image,
.recipe-card .header {
    display: block;
    vertical-align: top;
}

.recipe-card .header .image {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    margin: -1rem -1rem 0;
}

.recipe-card .header .image figure .recipe-card-image {
    object-fit: cover;
}

.recipe-card .header .image figure,
.recipe-card .header .image figure .recipe-card-image {
    height: 100%;
}

.recipe-card .header .image picture {
    margin-right: 0;
    margin-bottom: 0;
}

.recipe-card .header .image .wprm-recipe-link.wprm-recipe-link-wide-button {
    font-family: 'Tahoma', 'Verdana', sans-serif;
    margin: 0;
}

.recipe-card .header .image .ss-inline-share-wrapper {
    text-align: center;
}

.recipe-card .details > .title { grid-area: title; }
.recipe-card .details > .subtitle { grid-area: subtitle; }
.recipe-card .meta { grid-area: meta; }
.recipe-card .ratings { grid-area: ratings; }
.recipe-card .servings { grid-area: serving; }
.recipe-card .difficulty { grid-area: difficulty; }
.recipe-card .cooking-methods { grid-area: cooking-methods; }
.recipe-card .oven-temperature { grid-area: oven-temperature; }
.recipe-card .heat-setting { grid-area: heat-setting; }
.recipe-card .pressure-level { grid-area: pressure-level; }
.recipe-card .program-setting { grid-area: program-setting; }
.recipe-card .cook-times { grid-area: cook-times; }
.recipe-card .author { grid-area: author; }
.recipe-card .excerpt { grid-area: excerpt; }
.recipe-card .tags { grid-area: tags; }
.recipe-card .image { grid-area: image; }
.recipe-card .buttons { grid-area: buttons; }

.recipe-card .details {
    width: auto;
    padding: 1rem;
    border-bottom: none;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    display: grid;
    grid-template-columns: repeat( 1, 1fr );
    gap: 1rem;
    grid-template-areas:
            'title'
            'image'
            'subtitle'
            'ratings'
            'meta'
            'cook-times'
            'tags'
            'author'
            'excerpt'
            'buttons';
}

.recipe-card .details > .title {
    text-transform: uppercase;
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 1em;
    padding: 1rem;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    margin: -1rem -1rem 0;
}

.recipe-card .details > .subtitle {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    color: rgba( 255, 255, 255, .4 );
    margin: -1rem  -1rem 0;
    padding: 1rem;
}

.recipe-card .details > .title,
.recipe-card .details > .subtitle {
    text-align: center;
    background-color: #2b2629;
}

.recipe-card .ratings .wprm-recipe-rating {
    position: relative;
    text-align: center;
}

.recipe-card .ratings .wprm-recipe-rating .wprm-recipe-rating-details {
    margin-left: 0;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: 'Tahoma', 'Verdana', sans-serif;
    line-height: 2em;
}

.recipe-card .ratings .wprm-recipe-rating svg {
    margin-top: 0 !important;
    margin-right: 0.4rem;
    width: 2.4rem;
    height: 2.4rem;
}

.recipe-card .meta {
    display: grid;
    grid-template-columns: repeat( 1, 1fr );
    gap: 1rem;
    grid-template-areas:
            'serving'
            'difficulty'
            'cooking-methods'
            'heat-setting'
            'pressure-level'
            'program-setting'
            'oven-temperature';
}

.recipe-card .meta .group {
    font-family: 'Tahoma', 'Verdana', sans-serif;
    line-height: 1em;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-radius: 0.6rem;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}

.recipe-card .meta .meta-title {
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 0.6rem;
    font-weight: 700;
    background-color: #2b2629;
    color: #fff;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0.6rem 0.6rem 0 0;
}

.recipe-card .meta .meta-value {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.4rem;
}

.recipe-card .meta .cooking-methods ul li {
    margin-bottom: 0;
}

.recipe-card .meta .meta-value .wprm-recipe-servings-with-unit {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.recipe-card .meta .meta-value,
.recipe-card .meta .meta-value .wprm-recipe-servings-unit {
    font-size: 1.4rem;
    line-height: 1em;
    font-weight: 400;
    height: 100%;
    text-transform: uppercase;
}

.recipe-card .meta .meta-value .wprm-recipe-servings-unit {
    margin-left: 0.3rem;
}

.recipe-card .meta .meta-value .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change {
    border-color: #2b2629 !important;
    background-color: #2B262D !important;
}

.recipe-card .meta .meta-value .wprm-recipe-servings-text-buttons-container input[type=text].wprm-recipe-servings,
.recipe-card .meta .meta-value .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change {
    border: 1px solid #2B262D !important;
    font-family: 'Tahoma', 'Verdana', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
}

.recipe-card .meta .group ul {
    margin: 0;
    padding: 0;
    line-height: 1em;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recipe-card .details .buttons {
    display: flex;
    flex-direction: column;
}

.recipe-card .details .button {
    font-size: 1.4rem;
    line-height: 1em;
    padding: 1.2rem;
    background-color: #eb0e82;
}

.recipe-card .details .button a {
    padding: 0 !important;
    margin: 0;
    border: none;
    text-transform: uppercase;
}

.recipe-card .details .button a.wprm-recipe-print {
    text-transform: uppercase;
    background-color: #eb0e82 !important;
    border-color: #eb0e82 !important;
}

.recipe-card .post-terms {
    line-height: 1em;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.recipe-card .post-terms a {
    font-weight: 400;
    padding: 0.2rem 0.8rem;
    border: solid 1px #eb0e82;
    font-family: 'Tahoma', 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    display: inline-block;
    line-height: 1em;
    border-radius: 0.6rem;
    background-color: #fff;
}

.recipe-card .cook-times {
    display: grid;
    grid-template-columns: repeat( 2, 1fr );
    gap: 1rem;
}

.recipe-card .cook-times .item {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    border-radius: 0.6rem;
    background-color: #fff;
    padding: 0 0 0.4rem 0;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}

.recipe-card .cook-times .item .unit {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1em;
}

.recipe-card .cook-times .item .measurement {
    padding-top: .2rem;
    opacity: .6;
    font-family: "Georgia", "Times New Roman",  serif;
    font-weight: 400;
    font-size: .7rem;
    text-transform: lowercase;
    font-style: italic;
}

.recipe-card .cook-times .item .unit,
.recipe-card .cook-times .item .measurement {
    display: block;
    line-height: 1em;
}

.recipe-card .cook-times .item .title {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1em;
    padding: 0.4rem;
    font-weight: 700;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    color: #fff;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
    background-color: #2b2629;
}

.recipe-card .cook-times .item .value {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.recipe-card .cook-times .item .title,
.recipe-card .cook-times .item .value {
    font-family: 'Tahoma', 'Verdana', sans-serif;
}

.recipe-card .cook-times .item .readable-time {
    display: flex;
}

.recipe-card .cook-time-note {
    width: 80%;
    display: flex;
    font-size: .55rem;
    font-style: italic;
    margin-top: -1rem;
    margin-bottom: 1.4rem;
    line-height: 1.3em;
    opacity: .7;
    top: .65rem;
    margin-right: .2rem;
}

.recipe-card .author {
    font-size: 1rem;
    line-height: 1.4em;
    font-family: 'Tahoma', 'Verdana', sans-serif;
    text-transform: capitalize;
}

.recipe-card .author a {
    color: #2b2629;
    font-weight: 700;
}

.recipe-card .excerpt .wprm-block-text-normal {
    font-family: 'Tahoma', 'Verdana', sans-serif;
    font-size: 1.4rem;
    line-height: 1.8em;
    font-weight: 400;
}

.recipe-card .box {
    border-top: none;
    border-bottom: none;
}

.recipe-card .box .heading {
    padding: .6rem;
    background-color: #2b2629;
}

.recipe-card .box .heading .title {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.recipe-card .box .content {
    font-family: 'Tahoma', 'Verdana', sans-serif;
    padding: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.8em;
    font-weight: 400;
}

.recipe-card .nutrition.box .content {
    font-size: 1rem;
}

.recipe-card .box .content p {
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.recipe-card .recipe-products .product {
    list-style: none;
    text-align: center;
}

.recipe-card .recipe-products {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.recipe-card .recipe-products .product .text-link {
    text-align: center;
    text-transform: uppercase;
    font-size: .8rem;
    max-width: 250px;
    width: 60%;
    margin: 0.6rem auto;
    line-height: 1rem;
}

.recipe-card .recipe-products .product .product-link img {
    max-width: 150px;
    max-height: 150px;
    width: 100%;
}

.recipe-card .recipe-products .product > img {
    display: none;
}

.recipe-card .recipe-products .product > a {
    display: block;
}

.recipe-card .ingredients .wprm-recipe-ingredients,
.recipe-card .instructions .wprm-recipe-instructions {
    margin-left: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
}

.recipe-card .instructions .wprm-recipe-instructions {
    padding-left: 1.4rem;
}

.recipe-card .instructions .wprm-recipe-instructions .wprm-recipe-instruction {
    margin-bottom: 0.2rem;
}

.recipe-card .instructions .wprm-recipe-instructions .wprm-recipe-instruction::marker {
    font-size: 1rem;
}

.recipe-card .ingredients .wprm-recipe-ingredients {
    padding-left: 1.5rem;
}

.recipe-card .ingredients .wprm-recipe-ingredients-container .wprm-recipe-ingredient-group-name,
.recipe-card .instructions .wprm-recipe-instructions-container .wprm-recipe-instruction-group-name {
    font-size: 1rem;
    font-weight: 700 !important;
    line-height: 1em;
    margin-bottom: .4rem;
    margin-top: 1.4rem !important;
}

.recipe-card .ingredients .wprm-recipe-ingredients .wprm-recipe-ingredient {
    line-height: 1em;
    padding: 0.4rem 0;
    font-size: 1rem;
    margin-bottom: 0.2rem;
}

.recipe-card .ingredients .wprm-recipe-ingredients li .wprm-checkbox-container {
    left: -1.8rem;
    top: 0.8rem;
    line-height: 1em;
}

.recipe-card .ingredients .wprm-recipe-ingredients-container .wprm-recipe-ingredient-group:first-of-type .wprm-recipe-ingredient-group-name,
.recipe-card .instructions .wprm-recipe-instructions-container .wprm-recipe-instruction-group:first-of-type .wprm-recipe-instruction-group-name {
    margin-top: 0!important;
}

.recipe-card .instructions .wprm-recipe-instructions-container .wprm-recipe-instruction-text {
    padding-left: 0.8rem;
    font-size: 1rem;
    line-height: 1.4em;
}

.recipe-card .instructions  .wprm-recipe-instructions-container .wprm-recipe-instruction-media {
    margin: 1rem 0 1rem;
    padding-left: 0.8rem;
}

.recipe-card .instructions  .wprm-recipe-instructions-container .wprm-recipe-instruction-image img {
    width: 150px;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}

.recipe-card .ingredients .wprm-recipe-ingredient-notes.wprm-recipe-ingredient-notes-normal:before {
    content: "(";
}

.recipe-card .ingredients .wprm-recipe-ingredient-notes.wprm-recipe-ingredient-notes-normal:after {
    content: ")";
}

.recipe-card .ingredients .wprm-recipe-ingredient-notes.wprm-recipe-ingredient-notes-normal {
    opacity: .5;
    font-size: 1rem;
    font-weight: 400;
}

.recipe-card .ingredients .wprm-recipe-group-name,
.recipe-card .instructions .wprm-recipe-group-name {
    text-transform: uppercase;
}

.recipe-card .ingredients .wprm-recipe-group-name span,
.recipe-card .instructions .wprm-recipe-group-name span {
    font-size: .6rem;
    font-family: "Georgia", "Times New Roman",  serif;
    text-transform: lowercase;
    font-weight: 400;
    opacity: .4;
    display: block;
    font-style: italic;
    line-height: 1em;
}

.recipe-card .nutrition .wprm-nutrition-label-container.wprm-nutrition-label-container-label {
    text-align: center !important;
}

.instagram {
    background-color: #2b2629;
    padding: 1.4em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom-left-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
}

.instagram .info {
    text-align: center;
}

.recipe-card .instagram .icon {
    display: block;
    margin-right: .7em;
    border: none;
    margin-bottom: 0.5rem;
}

.recipe-card .instagram .question,
.recipe-card .instagram .tag {
    display: block;
    color: #fff;
    margin-bottom: 0;
    line-height: 1em;
}

.recipe-card .instagram .question {
    font-family: 'Tahoma', 'Verdana', sans-serif;
    text-transform: lowercase;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.recipe-card .instagram .tag {
    font-family: 'Tahoma', 'Verdana', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2em;
}

.recipe-card .instagram .tag a {
    border-bottom: none;
}

.wprm-recipe-print-wide-button:hover,
.wprm-recipe-link-wide-button:hover {
    opacity: .8;
    cursor: pointer;
}

/* Ratings popup styling */
.wprm-popup-modal__header .wprm-popup-modal__close:before {
    display: block;
    height: 32px;
    line-height: 32px;
}

/* Fix star rating issue with comments */
fieldset.wprm-comment-ratings-container {
    display: flex;
    flex-wrap: nowrap;
}

/* Print Recipe */
.wprm-print .wprm-recipe-instruction-image img {
    width: 150px;
    height: 150px;
}

@media (min-width: 1360px) {

    .recipe-card .details > .title,
    .recipe-card .details > .subtitle {
        padding: 1.4rem;
        margin: -1.4rem -1.4rem 0;
        text-align: left;
    }

    .recipe-card .details > .title {
        padding-bottom: 0;
    }

    .recipe-card .details > .subtitle {
        margin-top: -1.4rem;
        padding-top: 0;
    }

    .recipe-card .header .image {
        border-radius: 0.6rem;
        margin: 0;
    }

    .recipe-card .header .image img {
        border-radius: 0.6rem;
    }

    .recipe-card .recipe-products {
        display: flex;
        flex-direction: row;
    }

    .recipe-card .details {
        padding: 1.4rem;
        gap: 1.4rem;
        grid-template-columns: repeat( 2, 1fr );
        grid-template-areas:
                'title title'
                'subtitle subtitle'
                'ratings ratings'
                'image meta'
                'image meta'
                'cook-times cook-times'
                'tags tags'
                'author author'
                'excerpt excerpt'
                'buttons buttons';
    }
    .recipe-card .titles  {
        padding: 1.4rem;
    }
    .recipe-card .cook-times .item {
        padding-bottom: .8rem;
    }
    .recipe-card .cook-times .item .title {
        font-size: .9rem;
        padding: .6rem .4rem;
        margin-bottom: 0.4rem;
    }

    .recipe-card .cook-times .item .unit {
        font-size: 2.2rem;
    }

    .recipe-card .cook-times .item .measurement {
        font-size: .6rem;
        padding-top: 0.4rem;
    }

    .recipe-card .meta {
        gap: .6rem;
    }

    .recipe-card .meta .group {
        grid-template-columns: 1fr 2fr;
    }

    .recipe-card .meta .meta-title {
        justify-content: right;
        text-align: right;
        font-size: .9rem;
        line-height: 1em;
        padding: 0.4rem;
        border-radius: 0.6rem 0 0 0.6rem;
    }

    .recipe-card .meta .meta-value {
        justify-content: left;
        padding: 0.6rem 0.4rem;
    }

    .recipe-card .meta .group ul {
        justify-content: left;
    }

    .recipe-card .meta .meta-value,
    .recipe-card .meta .meta-value .wprm-recipe-servings-unit {
        font-size: 1.1rem;
        line-height: 1em;
    }

    .recipe-card .meta .meta-value .wprm-recipe-servings-text-buttons-container input[type=text].wprm-recipe-servings,
    .recipe-card .meta .meta-value .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change {
        font-size: .8rem;
    }

    .recipe-card .cook-times {
        grid-template-columns: repeat( 4, 1fr );
        gap: 1.4rem;
    }

    .recipe-card .excerpt .wprm-block-text-normal {
        font-size: 1rem;
    }

    .recipe-card .details .button {
        padding: 1rem;
        border-radius: 0.6rem;
    }

    .recipe-card .details .button a {
        font-size: 1.4rem;
        line-height: 1.4em;
    }

    .recipe-card .ingredients .wprm-recipe-ingredients,
    .recipe-card .instructions .wprm-recipe-instructions {
        margin-left: .6rem;
    }

    .recipe-card .ingredients .wprm-recipe-ingredients li .wprm-checkbox-container {
        left: -1.2rem;
        top: 0.7rem;
        line-height: 1em;
    }

    .recipe-card .instagram .icon {
        margin-bottom: 0;
    }

    .instagram {
        justify-content: flex-start;
    }

    .instagram .info {
        text-align: left;
    }

}

@media (max-width: 480px) {

    /* Fix star rating issue with comments */
    span.wprm-rating-stars {
        margin-right: 20px;
    }

}