/*
Colors: https://material.io/guidelines/style/color.html#color-color-palette
*/

/* Font */
body {
  font-family: "Calibri", "Roboto", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

/* Add Icon to external links in the article area */
article a[href^="http"]:not(.md-icon)::before {
  color: gray;
  content: "⬀";
  vertical-align: middle;
  margin-right: 0.1em;
  font-size: 0.7em;
  font-weight: bold;
}

/* Logo top right */
.md-header-nav__source .md-seallogo {
  height: 1.7rem;
  width: auto;
  margin-top: 0.35rem;
}
.md-header-nav__source a {
  opacity: 0.7;
}
.md-header-nav__source a:focus,
.md-header-nav__source a:hover {
  opacity: 1;
}

/* Logo top left */
.md-header-nav__button.md-logo {
  opacity: 0.7;
}
.md-header-nav__button:focus,
.md-header-nav__button:hover {
  opacity: 1;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  /* Link color */
  --md-primary-fg-color: #448aff;
}
/* Let background shine through images to make them darker */
[data-md-color-scheme="slate"] .md-typeset img,
.md-typeset svg {
  opacity: 0.75;
}

/* Link to imprint */
.imprint-link {
  font-size: 0.7rem;
  color: white !important;
}

/* Page header */
.md-header,
.md-tabs {
  /* 100/45/0/20: SEAL Hellblau */
  background-color: #0070cc;
}
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  /* 100/45/0/20: SEAL Dunkelblau */
  background-color: #0036a1;
}

/* Border of toc navigation */
.md-nav--secondary {
  /* 100/45/0/20: SEAL Hellblau */
  border-left-color: #0070cc;
}
[data-md-color-scheme="slate"] .md-nav--secondary {
  /* 100/45/0/20: SEAL Dunkelblau */
  border-left-color: #0036a1;
}

/* Mobile devices, large */
@media only screen and (max-width: 76.1875em) {
  html .md-nav--primary .md-nav__title[for="__drawer"] {
    /* 100/45/0/20: SEAL Hellblau */
    background-color: #0070cc;
  }
  [data-md-color-scheme="slate"]
    .md-nav--primary
    .md-nav__title[for="__drawer"] {
    /* 100/45/0/20: SEAL Dunkelblau */
    background-color: #0036a1;
  }
  /* Hide big logo */
  .md-nav__source {
    height: 0;
  }
  .md-typeset .admonition-title::before,
  .md-typeset summary::before {
    margin-top: 0 !important;
  }
  /* Correct position of admonition icon */
  .md-typeset .admonition-title::before,
  .md-typeset summary::before {
    top: 0.3rem;
  }
}

/* Mobile devices, small */
@media only screen and (max-width: 59.9375em) {
  html .md-nav--primary .md-nav__title[for="__drawer"] {
    /* 100/45/0/20: SEAL Hellblau */
    background-color: #0070cc;
  }
  html
    body[data-md-color-scheme="slate"]
    .md-nav--primary
    .md-nav__title[for="__drawer"] {
    /* 100/45/0/20: SEAL Dunkelblau */
    background-color: #0036a1;
  }
  /* Hide big logo */
  .md-nav__source {
    height: 0;
  }
  .md-typeset .admonition-title::before,
  .md-typeset summary::before {
    margin-top: 0 !important;
  }
  /* Correct position of admonition icon */
  .md-typeset .admonition-title::before,
  .md-typeset summary::before {
    top: 0.3rem;
  }
}

/* Footer */

/* Hide navigation */
.md-footer {
  background-color: unset !important;
}
.md-footer-nav {
  visibility: hidden;
  height: 10px;
}
/* Same color as header */
.md-footer-meta {
  /* 100/45/0/20: SEAL Hellblau */
  background-color: #0070cc;
}
[data-md-color-scheme="slate"] .md-footer-meta {
  /* 100/45/0/20: SEAL Dunkelblau */
  background-color: #0036a1;
}

/* Tags */
.md-tag {
    display: inline-block;
    margin: .4rem .5rem .5rem 0;
    padding: 0 .5rem;
    border-radius: .5rem;
    font-size: .7rem;
    overflow: hidden;
    background-color: hsla(0, 0%, 0%, 0.03);
    color: var(--md-default-fg-color--light) !important;
}
.md-tag:hover {
    color: #000 !important;
}
[data-md-color-scheme="slate"] .md-tag {
    background-color: hsla(0, 0%, 100%, 0.2);
}
[data-md-color-scheme="slate"] .md-tag:hover {
    color: #fff !important;
}

/* Hint icons (e.g. icon for server in cluster) */
.md-hint_icon {
  float: left;
}
.md-hint_icon img,
.md-hint_icon svg {
  height: 1.5rem;
}

/* Tables */
.md-typeset table:not([class]) {
  font-size: 0.9em;
}

/* Admonitions */

.md-typeset .admonition {
  font-size: 0.9em;
}

/* Do not cut the right side of icon */
.md-typeset .admonition-title::before,
.md-typeset summary::before {
  height: 24px;
  width: 24px;
}

.md-typeset .admonition-title,
.md-typeset summary {
  font-weight: unset;
  font-size: 0.95em;
}

/* Set custom icons */
:root {
  /* Hints: https://material.io/resources/icons/?icon=info&style=outline */
  --md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');

  /* Examples: https://material.io/resources/icons/?icon=remove_red_eye&style=baseline */
  --md-admonition-icon--example: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');

  /* Literature: https://material.io/resources/icons/?icon=menu_book&style=outline */
  --md-admonition-icon--literature: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g/><g><path d="M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v14.65 c0,0.25,0.25,0.5,0.5,0.5c0.1,0,0.15-0.05,0.25-0.05C3.1,20.45,5.05,20,6.5,20c1.95,0,4.05,0.4,5.5,1.5c1.35-0.85,3.8-1.5,5.5-1.5 c1.65,0,3.35,0.3,4.75,1.05c0.1,0.05,0.15,0.05,0.25,0.05c0.25,0,0.5-0.25,0.5-0.5V6C22.4,5.55,21.75,5.25,21,5z M21,18.5 c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5c1.2,0,2.4,0.15,3.5,0.5V18.5z"/><g><path d="M17.5,10.5c0.88,0,1.73,0.09,2.5,0.26V9.24C19.21,9.09,18.36,9,17.5,9c-1.7,0-3.24,0.29-4.5,0.83v1.66 C14.13,10.85,15.7,10.5,17.5,10.5z"/><path d="M13,12.49v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26V11.9c-0.79-0.15-1.64-0.24-2.5-0.24 C15.8,11.66,14.26,11.96,13,12.49z"/><path d="M17.5,14.33c-1.7,0-3.24,0.29-4.5,0.83v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26v-1.52 C19.21,14.41,18.36,14.33,17.5,14.33z"/></g></g></g></svg>');
}

/* Example */
.md-typeset .example > .admonition-title,
.md-typeset .example > summary {
  background-color: rgba(68, 138, 255, 0.1);
}
.md-typeset .admonition.example,
.md-typeset details.example {
  border-left: 0.2rem solid #448aff;
}
.md-typeset .example > .admonition-title::before,
.md-typeset .example > summary::before {
  background-color: #448aff;
}

/* Literature */
.md-typeset .literature > .admonition-title,
.md-typeset .literature > summary {
  background-color: rgba(0, 176, 255, 0.1);
}
.md-typeset .admonition.literature,
.md-typeset details.literature {
  border-left: 0.2rem solid #00b0ff;
}
.md-typeset .literature > .admonition-title::before,
.md-typeset .literature > summary::before {
  background-color: #00b0ff;
  -webkit-mask-image: var(--md-admonition-icon--literature);
  mask-image: var(--md-admonition-icon--literature);
}