[data-md-color-primary=black] {
  --md-primary-fg-color: #FB7E23;
  --md-primary-fg-color--light: rgb(250, 153, 83);
  --md-primary-fg-color--dark: rgb(211, 103, 27);
  --md-text-link-color: #FB7E23;
  --md-typeset-a-color: #FB7E23;
}

.arundo__logo {
    max-height: 1.2rem;
    width: auto !important;
}

.progress-label {
  position: absolute;
  text-align: center;
  font-weight: 700;
  width: 100%;
  margin: 0 !important;
  line-height: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
}

.progress-bar {
  height: 1.2rem;
  float: left;
  background-color: #2979ff;
}

.progress {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  height: 1.2rem;
  background-color: #eeeeee;
  position: relative;
}

.progress.thin {
  margin-top: 0.9rem;
  height: 0.4rem;
}

.progress.thin .progress-label {
  margin-top: -0.4rem;
}

.progress.thin .progress-bar {
  height: 0.4rem;
}

.progress-100plus .progress-bar {
  background-color: #00e676;
}

.progress-80plus .progress-bar {
  background-color: #fbc02d;
}

.progress-60plus .progress-bar {
  background-color: #ff9100;
}

.progress-40plus .progress-bar {
  background-color: #ff5252;
}

.progress-20plus .progress-bar {
  background-color: #ff1744;
}

.progress-0plus .progress-bar {
  background-color: #f50057;
}

.md-typeset a {
  color: #FB7E23;
}

.codehilite pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.read-estimate {
  opacity: 0.8;
  font-size: 0.8em;
  display: flex;
  align-items: center;
}

.read-estimate > p {
  margin-left: 12px;
}

.viewing-time {
  opacity: 0.8;
  font-size: 0.8em;
  display: flex;
  align-items: center;
}