.wp-nutrition-label {
    border: 5px solid #000;
    font-size: 0.9em;
    max-width: 400px;
    min-width: 300px;
    padding: 1em 1.25em 1em 1.25em;
    line-height: 1.4em;
    margin: 1em 0;
}

.wp-nutrition-label hr {
    border: none;
    border-bottom: solid 7px #000;
    margin: 3px 0px;
    opacity: 1;
}

.wp-nutrition-label .heading {
    font-size: 2em;
    font-weight: 900;
    margin: 0 0 10px 0;
    line-height: 1em;
}

.wp-nutrition-label .indent {
    margin-left: 1em;
}

.wp-nutrition-label .small {
    font-size: .8em;
    line-height: 1.2em;
}

.wp-nutrition-label .noborder {
    border: none;
}


/* nutrition table */
.wp-nutrition-label .item_row {
    border-top: solid 1px #ccc;
    padding: 3px 0;
}

.wp-nutrition-label .amount-per {
    padding: 0 0 8px 0;
}

.wp-nutrition-label .daily-value {
    padding: 4px 0 8px 0;
    font-weight: bold;
    text-align: right;
    border-top: solid 2px #666;
}

.item_row.cf {
    display: grid !important;
    grid-template: auto 1fr auto / 1fr auto auto !important;
}

.wp-nutrition-label .f-left {
    padding-right: 0px;
    grid-column: 1/2;
}

.wp-nutrition-label .f-right {
    grid-column: 3/4;
    padding-left: 10px;
    min-width: 90px;
    text-align: right;
}

.hide-f-middle .f-middle,
.hide-f-right .f-right{
    display: none;
}
.f-middle {
    grid-column: 2/3;
    padding: 0 0px 0 10px;
    min-width: 70px;
    text-align: right;
}


/* top content */
.nut_top_content {
    margin: 0.6em 0;
}

.nut_top_content > div {
    font-size: 13px;
    color: #333;
    padding: 3px 3px 2px 0;
}


/* bottom content */
.nut_bottom_content > div {
    margin-top: 7px;
}
.nut_bottom_content strong {
    display: block;
    font-weight: bold;
    color: #000;
    padding-bottom: 3px;
}