/* This file is used to override the default styles of mkdocs-material.
 * It is loaded after the default stylesheets, so it can be used to override them */

 /* Colours */
/****************************
#21376A - QMUL Blue
#7B0E72 - QMUL CEG Purple (Primary)
#CDA70A - QMUL CEG Yellow (Secondary)
#0C746A - QMUL Green
#4E4E4E - Dark Grey
#999999 - Light Grey
****************************/
[data-md-color-scheme="qmul"] {
    --md-primary-fg-color: #21376A; /*Top Header Bar*/
    /* --md-primary-fg-color--light: NOT IN USE */
    /* --md-primary-fg-color--dark: NOT IN USE */
 
    /* --md-default-fg-color: NOT IN USE */
    --md-default-fg-color--light: #999999; /*Page Elements eg Scroll Bar*/
    --md-accent-fg-color:  #21376A; /*Page Elements accent - On Hover*/

    --md-passed-toc-color: #999999; /*TOC passed text*/  
    --md-accent-toc-color: #7B0E72; /*TOC accent*/

    --md-typeset-color:  #4E4E4E; /*Text*/
    --md-typeset-a-color: #0C746A; /*Text Hyperlinks*/
    --md-typeset-a-color--hover: #CDA70A; /*Text Hyperlinks*/    
    --md-typeset-colorh1:  #999999; /*Header 1*/  
    --md-typeset-colorh23: #21376A; /*Header 2, 3*/
    --md-typeset-colorh4: #21376A; /*Header 4*/    
    --md-typeset-colorh56: #4E4E4E; /*Header 5, 6*/
    --md-typeset-code: #4E4E4E; /*Code Text */

    /*--md-content-info-border-color: NOT IN USE */
    --md-footer-fg-color: #000000; /*Bottom Footer Bar*/
}

/* Table of Contents */
.md-nav__link--passed{
color:var(--md-passed-toc-color)
}

.md-nav__item .md-nav__link--active{
color:var(--md-accent-toc-color)
}

/* Text - font size and line height */
body {
 font-size:1rem;
 margin-top:0
}

.md-typeset {
 font-size:0.8rem;
 line-height:1.5em
}

.md-typeset a:hover{
 color:var(--md-typeset-a-color--hover)
}

.md-typeset blockquote {
 color:var(--md-typeset-color);
 border-left: 0.1rem solid var(--md-typeset-color)
}

.md-typeset code{
 color:var(--md-typeset-code)
}

.md-typeset ul {
    line-height:1.3em;
    margin:0em 0 0.5em
   }

.md-typeset details{
 font-size:0.8rem;
 line-height:1.5em
}

.md-typeset dl,
.md-typeset figure,
.md-typeset ol,
.md-typeset pre,
.md-typeset ul 
.md-typeset details{
 margin-bottom:0;
 margin-top:1
}

/* Headers */
.md-typeset h1 {
 color:var(--md-typeset-colorh1);   
 font-size:2em;
 font-weight: bold;
 line-height:1.1;
 letter-spacing:-.01em; 
 margin:0 0 1em
}
.md-typeset h2 {
 color:var(--md-typeset-colorh23);   
 font-size:1.5625em;
 font-weight:400;
 line-height:1.2;
 letter-spacing:-.01em;
 margin:1em 0 .64em
}
.md-typeset h3 {
 color:var(--md-typeset-colorh23);
 font-size:1.25em;
 font-weight:400;
 letter-spacing:-.01em;
 line-height:0.5;
 margin:1.0em .5 .64em
}
.md-typeset h4 {
 color:var(--md-typeset-colorh4);    
 font-weight:500;
 letter-spacing:-.01em;
 line-height:1.1em;
 margin:1em 0 0.5em
}
.md-typeset h5 {
 color:var(--md-typeset-colorh56);
 font-size:1.1em;
 font-weight:400;
 letter-spacing:-.01em;
 margin:1em 0
}
.md-typeset h6 {
 color:var(--md-typeset-colorh56);
 font-size:1em;
 font-weight:400;
 font-style: italic;
 letter-spacing:-.01em;
 margin:1em 0
}

/* Github table style - from https://blog.ktz.me/making-mkdocs-tables-look-like-github-markdown-tables */
th, td {
    border: 1px solid var(--md-typeset-table-color);
    border-spacing: 0;
    border-bottom: none;
    border-left: none;
    border-top: none;
}

.md-typeset__table {
    line-height: 1;
}

.md-typeset__table table:not([class]) {
    font-size: .74rem;
    border-right: none;
}

.md-typeset__table table:not([class]) td,
.md-typeset__table table:not([class]) th {
    padding: 9px;
}

/* light mode alternating table bg colors */
.md-typeset__table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

/* dark mode alternating table bg colors */
[data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) {
    background-color: hsla(var(--md-hue),25%,25%,1)
}


/* fix table width to 100% - see https://github.com/squidfunk/mkdocs-material/issues/175 */
.md-typeset__table {
    min-width: 100%;
 }
 
 .md-typeset table:not([class]) {
     display: table;
 }

/* Admonitions - https://squidfunk.github.io/mkdocs-material/extensions/admonition */
 :root {
  --md-admonition-icon--choice: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 7.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-3 3.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.25h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75V12h-.75a.75.75 0 0 1-.75-.75"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1M2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12"/></svg>')
}
.md-typeset .admonition.choice,
.md-typeset details.choice {
  border-color: #21376A; /* #448aff; */
}
.md-typeset .choice > .admonition-title,
.md-typeset .choice > summary {
  background-color: #ecf3ff; 
}
.md-typeset .choice > .admonition-title::before,
.md-typeset .choice > summary::before {
  background-color: #21376a;
  -webkit-mask-image: var(--md-admonition-icon--choice);
          mask-image: var(--md-admonition-icon--choice);
}