/* Trying to figure out how to make notes/warnings/etc working */

/* -- admonitions ----------------------------------------------------------- */
div.admonition > :last-child {
    margin-bottom: 0;
  }
  div.admonition::after {
      display: block;
      content: '';
      clear: both;
  }
  
  div.admonition {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 7px;
  }
  
  div.admonition dt {
    font-weight: bold;
  }
  
  p.admonition-title {
    margin: 0px 10px 5px 0px;
    font-weight: bold;
  }
  
  div.body p.centered {
    text-align: center;
    margin-top: 25px;
  }
  
  
  :root {
    --pst-color-primary: 19, 6, 84;
    --pst-color-success: 40, 167, 69;
    --pst-color-info: 0, 123, 255;  /*23, 162, 184;*/
    --pst-color-warning: 255, 193, 7;
    --pst-color-danger: 220, 53, 69;
    
    /*****************************************************************************
    * Icon
    **/
  
    /* font awesome icons*/
    --pst-icon-check-circle: '\f058';
    --pst-icon-info-circle: '\f05a';
    --pst-icon-exclamation-triangle: '\f071';
    --pst-icon-exclamation-circle: '\f06a';
    --pst-icon-times-circle: '\f057';
    --pst-icon-lightbulb: '\f0eb';
  
    /*****************************************************************************
    * Admonitions
    **/
    
  
  
    --pst-color-admonition-default: var(--pst-color-info);
    --pst-color-admonition-note: var(--pst-color-info);
    --pst-color-admonition-attention: var(--pst-color-warning);
    --pst-color-admonition-caution: var(--pst-color-warning);
    --pst-color-admonition-warning: var(--pst-color-warning);
    --pst-color-admonition-danger: var(--pst-color-danger);
    --pst-color-admonition-error: var(--pst-color-danger);
    --pst-color-admonition-hint: var(--pst-color-success);
    --pst-color-admonition-tip: var(--pst-color-success);
    --pst-color-admonition-important: var(--pst-color-success);
  
    --pst-icon-admonition-default: var(--pst-icon-info-circle);
    --pst-icon-admonition-note: var(--pst-icon-info-circle);
    --pst-icon-admonition-attention: var(--pst-icon-exclamation-circle);
    --pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle);
    --pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle);
    --pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle);
    --pst-icon-admonition-error: var(--pst-icon-times-circle);
    --pst-icon-admonition-hint: var(--pst-icon-lightbulb);
    --pst-icon-admonition-tip: var(--pst-icon-lightbulb);
    --pst-icon-admonition-important: var(--pst-icon-exclamation-circle);
  
  }
  



/* progress bar */
/* "sourced" aka copied from - https://www.pagemelt.ink/published/ */
/* I have probably made enough changes that is it now "inspired by", but where is that lie really? */

.progress {
    background-color: white;
    border: 2px solid var(--base-dark);
    border-radius: 3px;
    height: 14px;
    margin: .5em auto;
    position: absolute;
    top: 38%;
    width: 106%;
    z-index: 1;
  }
  
  .progress__bar50 {
    background-color: var(--base-green);
    border-right: 2px solid var(--base-dark);
    height: 10px;
    width: 50%
  }
  
  .progress__bar.progress__bar--dnf {
    background-color: var(--base-yellow);
  }