:root{
  --nesi-grey : #414f5c;
  --nesi-grey--light: #94a5ad;
  --nesi-yellow :#fcce06;
  --nesi-purple: rgb(202, 159, 213);
  --nesi-orange : rgb(244, 121, 37);
  --nesi-blue : #4fbaed;
  --nesi-red:#ef315e;
  --nesi-green: #cce310;

  --reannz-blue : rgb(0,185, 228);
  --reannz-blue--shade-negative1:rgb(0, 127, 156);
  --reannz-blue--dark: rgb(0,28, 54);
  --reannz-blue--dark-shade1: #2c485d;
  --reannz-grey : rgb(195,200, 200);
  --reannz-black : rgb(25,25, 25);
  --reannz-green: rgb(190, 184, 6);
  --reannz-green--dark: rgb(0, 170, 136);
  --reannz-orange: rgb(241, 128, 0);
  --reannz-purple: rgb(132, 121, 183);

  [data-md-color-scheme="default"]{
    --md-primary-fg-color:               var(--reannz-blue--dark);
    --md-accent-fg-color:                var(--reannz-blue);
  }

    /* --md-accent-bg-color:                rgb(210,227,235); */
  [data-md-color-scheme="slate"] {
    --md-primary-fg-color:               var(--reannz-blue--dark);
    --md-accent-fg-color:                var(--reannz-blue--darkish);

    .nt-card-image>img {
      filter: brightness(0) invert(1);
    }
  }
}
/* Logo biggification */
/* COMMENTED OUT FOR REANNZ LOGO */
/* .md-header__button.md-logo img, .md-header__button.md-logo svg {
  height: 4rem;
  margin: -2rem;
} */

/* Version table stuff */
.md-tag.md-tag-ver{
  color: var(--md-code-fg-color);
}
.md-tag.md-tag-ver-shown {
    outline: var(--md-primary-fg-color) 2px solid;
}

.md-tag-ver-warn {
  text-decoration: line-through;
}
.md-typeset__table {
  width: 100%;
}
.md-typeset__table table:not([class]) {
  display: table
}
/* convenience class. Not sure if it is used */
.hidden{
    display: none;
}
/* Get support button */
.md-button-support{
  position: absolute;
  margin: -2rem 0 0 1rem;
  width: 80%;
  text-align: center;
  font-size: 0.7rem;
}
/* Don't duplicate header title */
.md-nav--primary > .md-nav__title {
    display: none;
}
/* fix neotiri card colors */

  /* Make button more buttony */
.md-button--primary {
  box-shadow: grey 2px 2px 2px;
}

/* prerequisite custom admonition */
:root {
  --md-admonition-icon--prerequisite: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 9H7V7h10m0 6H7v-2h10m-3 6H7v-2h7M12 3a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z"/></svg>')
}

.md-typeset .admonition.prerequisite,
.md-typeset details.prerequisite {
  border-color: var(--reannz-green);
}
.md-typeset .prerequisite > .admonition-title,
.md-typeset .prerequisite > summary {
  background-color: rgba(190, 184, 6, 0.1); /*above color*/
} 
.md-typeset .prerequisite > .admonition-title::before,
.md-typeset .prerequisite > summary::before {
  background-color:  var(--reannz-green);
  -webkit-mask-image: var(--md-admonition-icon--prerequisite);
          mask-image: var(--md-admonition-icon--prerequisite);
}
/* Footer */
#new-footer {
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  /* MB logo has black border */
  background-color: var(--reannz-black);
}

/* e.g. inactive link text */ 
.md-typeset a {
   color: var(--reannz-blue--shade-negative1);
}
.md-typeset a:hover {
   color: var(--reannz-blue);
}
/* Make deprecated logo stand out */
span.md-status.md-status--deprecated {
    filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(330deg) brightness(70%) contrast(1000%);
}

/* Warning symbols for licence server */
.badge-licence-noup{
    padding: 0;
    color: red;
    cursor: default;
}
.badge-licence-lowup{
    padding: 0;
    color: yellow;
    cursor: default;
}


/* Make cards look right */
.md-typeset .grid.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 1rem;
    margin: 0 auto;
    width: 100%;
}

.cards>a>img {
  width: 50%;
  margin: auto;
  display: block;
  filter: brightness(0);
}

.cards>a:hover>img {
  filter: none;
}

.cards {
  color: var(--md-typeset-color);
}

.cards>a {
  border: .05rem solid var(--md-default-fg-color--lightest);
  border-radius: .1rem;
  display: block;
  padding: .8rem;
  transition: border .25s, box-shadow .25s;
}

.cards>a:hover {
  border-color: #0000;
  box-shadow: var(--md-shadow-z2);
}

.cards>a>hr,
.cards>a>h3,
.grid.cards>a>h3,
.grid.cards>a>p {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
}