.ingredientList td { vertical-align: top; padding: 0.25em !important; }
.ingredientList th { font-size: 1.2em; padding-top: 0.75em; font-weight: normal; }
.ingredientList .amount {text-align: right; }
.ingredientList .unit { text-align: left; }
.ingredientList .name { text-align: left; }
body { font-family: 'Lato', var(--bs-body-font-family); }
h1, h2, h3, h4, th { font-family: 'Forum', Georgia, 'Times New Roman', Times, serif, var(--bs-body-font-family); }
h1 {
  border-bottom: solid 1px var(--bs-border-color);
  text-align: center;
  padding: 0.75rem 0;
}
h2 { border-bottom: solid 1px var(--bs-border-color); margin-top: 0.5em; }
h4 { margin-left: -1.5em; margin-top: 0.75em; }
ol.instructionList { list-style-type: decimal }
ol.instructionList > li > ol { list-style-type: lower-alpha }
blockquote[itemprop="HowToTip"] { padding: 0.5em 0.75em; font-size: 0.85em; margin: 0.5em; }
ol[itemprop="recipeInstructions"] { margin: 1em; }
span.newIngredient { border-bottom: dotted 2px var(--bs-primary); }
footer {
  border-top: dotted 1px var(--bs-border-color);
  padding: 0.75rem 0;
}
footer a { cursor: pointer; }
footer a > img:hover { opacity: 1; }
footer li > img { opacity: 0.25; }
footer img { opacity: 0.75; }
.breadcrumb { font-family: 'Forum', Georgia, 'Times New Roman', Times, serif, var(--bs-body-font-family); }
.breadcrumb li { 
  display: inline;
  max-width: 55%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 600px) {
  .breadcrumb li { max-width: 35%; }
  span.badge img { margin: -3px !important; }
  span.badge img + span { display: none; }
}
span.heat-low { color: rgba(200, 100, 100, 0.75); }
span.heat-medium { color: rgba(255, 50, 50, 0.75); }
span.heat-medium-high { color: rgba(255, 0, 0, 0.75); }
span.heat-high { color: rgba(255, 0, 0, 1); }
span.badge img { margin: -4px 2px -3px -2px; image-rendering: pixelated; }
span.badge span { padding-left: 3px; }
[itemprop="recipeIngredient"] .optional { opacity: 0.5; }
.hide-comments .instructionComment { display: none; }
ul.controls a.disabled { opacity: 0.2; }

:root {
  color-scheme: light dark;
}

span[itemprop="prepTime"]::before {
  content: 'Prep \1F550: ';
}

span[itemprop="performTime"]::before {
  content: 'Cook \1F550: ';
}

@media (prefers-color-scheme: dark) {
  :root {
    --bs-badge-color: 
    --bs-cyan: #4ce1ff;
    --bs-body-color: #d9d9d9;
    --bs-body-bg: #181a1b;
    --bs-danger: #644646;
    --bs-danger-rgb: 100,70,70;
    --bs-info: #3f7682;
    --bs-info-rgb: 63,118,130;
    --bs-link-color: #64a3ff;
    --bs-link-hover-color: #4478c4;
  }
  .breadcrumb {
    --bs-breadcrumb-divider-color: #a4b2bf;
    --bs-breadcrumb-item-active-color: #fff;
  }
  .list-group {
    --bs-list-group-bg: #222;
    --bs-list-group-color: #a6bbd0;
  }
  .table {
    --bs-table-striped-bg: rgba(255, 255, 255, 0.1);
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --bs-danger: #ffb8b8;
    --bs-danger-rgb: 255,184,184;
    --bs-info: #b2dfe9;
    --bs-info-rgb: 178,223,233;
  }
}