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

/* Color schema */
:root {
  /* Old colors
  --md-primary-fg-color: #0070cc;
  --md-primary-fg-color--light: #448aff;
  --md-primary-fg-color--dark: #0036a1;
  */

  /* Taken from slide guidelines */
  /* 201/232/251 */
  --seal-color--light: #c9e8fb;
  /* 000/158/226 */
  --seal-color: #009ee2;
  /* 000/095/159 */
  --seal-color--dark: #005f9f;
  /* 000/062/117 */
  --seal-color--darker: #003e75;
  /* 074/074/073 */
  --seal-color--gray: #4a4a49;

  /* Taken from website */
  --seal-color--accent: #009ee0;

  --md-primary-fg-color: var(--seal-color--dark);
  --md-primary-fg-color--light: var(--seal-color);
  --md-primary-fg-color--dark: var(--seal-color--darker);
  --md-accent-fg-color: var(--seal-color--accent);

  --md-default-bg-color: #fff;
  --md-primary-bg-color: #fff;
  --md-accent-bg-color: #fff;
}

/* Use brighter text colors in dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--seal-color);
  --md-primary-fg-color--light: var(--seal-color--light);
  --md-primary-fg-color--dark: var(--seal-color--dark);
  --md-accent-fg-color: var(--seal-color--accent);
}

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

/* 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__source .md-seallogo {
  height: 2rem;
  width: auto;
}

.md-header__source a {
  opacity: 0.7;
}

.md-header__source a:focus,
.md-header__source a:hover {
  opacity: 1;
}

/* Logo top left */
.md-header__button.md-logo {
  opacity: 0.7;
}

.md-header__button:focus,
.md-header__button:hover {
  opacity: 1;
}

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

/* Page header */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--seal-color--darker);
}

/* Mobile devices, large */
@media only screen and (max-width: 76.1875em) {
  [data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for="__drawer"] {
    background-color: var(--seal-color--darker);
  }

  /* 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 body[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for="__drawer"] {
    background-color: var(--seal-color--darker);
  }

  /* 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;
  }
}

/* Navigation: Left side */
@media screen and (min-width: 76.25em) {
  .md-nav__item--section {
    display: block;
    margin: 2em 0;
  }
}

/* Footer */

/* Hide navigation */
.md-footer {
  background-color: unset !important;
}

.md-footer-nav {
  visibility: hidden;
  height: 10px;
}

/* Same color as header */
.md-footer-meta {
  background-color: var(--md-primary-fg-color);
}

[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: var(--seal-color--darker);
}

/* 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);
}