.cook .title {
  text-align: center;
  font-weight: bold;
  color: #000080;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.cook .sectionHeader {
  font-weight: bold;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.5rem 0;
  background-color: #f0fff0;
  color: #000080;
}
.cook .selected .sectionHeader {
  background-color: inherit;
}
.cook .small-gray {
  font-size: small;
  color: #006400;
}
.cook .done {
  opacity: 0.5;
}
.cook .stepNumber {
  display: inline-block;
  border: #dcdcdc solid 1px;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  color: #000080;
  background-color: #fffafa;
}
.cook .stepDescription p {
  margin-bottom: 0;
}
.cook .notes {
  background-color: honeydew;
  color: navy;
}
.cook .editor {
  background-color: whitesmoke;
  box-shadow: 2px 2px 5px;
}
.cook .commentText {
  color: #000080;
}
.cook .label {
  color: darkblue;
}
.cook .editMode {
  outline: 5px solid orangered;
}