[data-md-color-scheme="margs"] {
    --md-primary-fg-color:        #016a96;
    --md-primary-fg-color--light: #016a96;
    --md-primary-fg-color--dark:  #90030C;
    --md-footer-bg-color: #016a96;
  }

.red {
    color: red;
}

.green {
    color: green;
}

.homepage_image {
    float: right;
    margin-top: -10px!important;
    max-width: 50% !important;
    padding-left: 20px !important;
}

.note {
    display: none !important;
}

.phone-col-print-width {
    width: 130px;
}

@page {
    size: a4 portrait;
    margin: 25mm 10mm 15mm 10mm;
    counter-increment: page;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    white-space: pre;
    color: grey;
    @top-right {
        content: string(chapter);
        font-size: 10px;
        text-transform: uppercase;
    }
    @bottom-center {
        font-size: 8pt;
        content: '~ 'counter(page)' ~' !important;
    }
    @bottom-right {
        content: ' ' !important;
    }
}

@page: first {
    @top-left {
        content: ' ' !important;
    }
    @bottom-center {
        content: ' ' !important;
    }
}

@page:nth(2) {
    counter-reset: page !important;
}

@page back_cover {
    background-color: #fff !important;

    @top-left {
        content: '' !important;
    }
  
    @bottom-left {
      content: '' !important;
    }
  
    @bottom-center {
        content: '' !important;
    }
    
    @bottom-right {
      content: '' !important;
    }

}

@media print {
    /* Adjusts positioning of admonition icon */
    /*.md-typeset :is(.admonition-title,summary):before {
      top: 0.6rem !important;
      left: 0.6rem !important;
    }*/

    .admonition-title:before {
        top: 35% !important;
        left: 0.6rem;
    }

    h1, h2 {
        border-color: #016a96 !important;
    }

    h2, h3 {
        padding-left: 0.7rem;
    }

    h4 {
        padding-left: 0.5rem !important;
    }

    .note {
        display: block !important;
    }
   
    .phone-col-print-width {
        width: 12px !important
    }

    body {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }

    /* mkdocs-to-pdf sets `string-set: chapter content()` on h1, h2 AND h3, so the
       running header shows whichever heading happens to open a page ("MENTOR
       GROUPS", "MAY") rather than the chapter. Chapters are h1 here
       (ordered_chapter_level: 1), so restrict the named string to h1. */
    h1 {
        string-set: chapter content() !important;
    }

    h2, h3 {
        string-set: none !important;
    }

    /* mkdocs-to-pdf defaults tables to page-break-inside: avoid, which pushes
       a long table (e.g. Support Services) whole onto the next page and leaves
       most of the preceding one blank. Let tables split, but keep individual
       rows intact and repeat the header on each page. */
    table {
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* Same problem as tables: a long list (e.g. the Reporting contacts, or the
       disciplinary sanctions) that won't fit in what's left of a page is moved
       whole to the next one. Let lists split, but never break a single item. */
    ul, ol {
        page-break-before: avoid !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    li {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /*Image and table column width overrides*/

    .crest-print-width {
        max-width: 6rem !important;
    }

    .health-image-print-width {
        max-width: 53% !important;
    }

    /* An image can't be split, so a figure that doesn't quite fit in what's
       left of a page moves whole and leaves a gap. At full width the pie chart
       overran the space under "Keeping a Balance" by a few millimetres. */
    .balance-image-print-width {
        max-width: 60% !important;
    }

    .map-print-width {
        width: 85% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

  }