/*------------------------------------*\
  #OVERRIDES
\*------------------------------------*/


/**
 * Yesplan color scheme
 */

[data-md-color-scheme="yesplan"] {
  --md-default-fg-color: hsla(0, 0%, 0%, .92);
  --md-default-fg-color--light: hsla(0, 0%, 0%, .58);
  --md-default-fg-color--lighter: hsla(0, 0%, 0%, .36);
  --md-default-fg-color--lightest: hsla(0, 0%, 0%, .08);

  --md-default-bg-color: hsla(0, 0%, 100%, 1);
  --md-default-bg-color--light: hsla(0, 0%, 100%, .7);
  --md-default-bg-color--lighter: hsla(0, 0%, 100%, .4);
  --md-default-bg-color--lightest: hsla(0, 0%, 100%, .14);

  --md-primary-fg-color: hsla(216, 60%, 40%, 1);
  --md-primary-fg-color--light: hsla(0, 0%, 0%, 1);
  --md-primary-fg-color--dark: hsla(0, 0%, 0%, 1);

  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light: hsla(0, 0%, 100%, .7);

  --md-accent-fg-color: hsla(211, 94%, 28%, 1);
  --md-accent-fg-color--transparent: hsla(0, 0%, 0%, .1);
  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
  --md-accent-bg-color--light: hsla(0, 0%, 100%, .7);

  --md-code-fg-color: hsla(345, 69%, 46%, 1);
  --md-code-bg-color: hsla(343, 37%, 96%, 1);
  --md-code-hl-color: hsla(0, 0%, 0%, .5);
  --md-code-hl-number-color: hsla(0, 67%, 50%, 1);
  --md-code-hl-special-color: hsla(340, 83%, 47%, 1);
  --md-code-hl-function-color: hsla(291, 45%, 50%, 1);
  --md-code-hl-constant-color: hsla(250, 63%, 60%, 1);
  --md-code-hl-keyword-color: hsla(219, 54%, 51%, 1);
  --md-code-hl-string-color: hsla(150, 63%, 30%, 1);
  --md-code-hl-name-color: var(--md-code-fg-color);
  --md-code-hl-operator-color: var(--md-default-fg-color--light);
  --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
  --md-code-hl-comment-color: var(--md-default-fg-color--light);
  --md-code-hl-generic-color: var(--md-default-fg-color--light);
  --md-code-hl-variable-color: var(--md-default-fg-color--light);

  --md-typeset-color: var(--md-default-fg-color);
  --md-typeset-a-color: hsla(211, 94%, 38%, 1);
  --md-typeset-mark-color: hsla(50, 100%, 55%, .5);
  --md-typeset-del-color: hsla(6, 90%, 60%, .15);
  --md-typeset-ins-color: hsla(150, 90%, 44%, .15);
  --md-typeset-kbd-color: hsla(0, 0%, 98%, 1);
  --md-typeset-kbd-accent-color: hsla(0, 100%, 100%, 1);
  --md-typeset-kbd-border-color: hsla(0, 0%, 72%, 1);

  --md-admonition-fg-color: var(--md-default-fg-color);
  --md-admonition-bg-color: var(--md-default-bg-color);

  --md-footer-fg-color: hsla(0, 0%, 100%, 1);
  --md-footer-fg-color--light: hsla(0, 0%, 100%, .86);
  --md-footer-fg-color--lighter: hsla(0, 0%, 100%, .5);
  --md-footer-bg-color: hsla(0, 0%, 0%, .87);
  --md-footer-bg-color--dark: hsla(0, 0%, 0%, .32);
}


/**
 * Reduce max page width
 */

.md-grid {
  max-width: 48rem;
}


/**
 * Resize the logo
 */

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: auto;
  width: 4.2rem;
}


/**
 * Use underlined links in main text
 * except for section header ‘anchor links’
 */

.md-content a {
  text-decoration: underline;
  text-underline-offset: 0.125em;
}

.md-typeset .headerlink {
  text-decoration: none;
}


/**
 * Custom link color in announce
 */

.md-banner__inner a {
  color: #FFDC00;
  opacity: .9;
}

.md-banner__inner a:focus,
.md-banner__inner a:hover {
  color: #FFDC00;
  opacity: 1;
}


/**
 * Lighter color for h3-level items in TOC
 */

.md-nav--secondary .md-nav__list .md-nav__list {
  color: var(--md-default-fg-color--light);
}


/**
 * Always put images in separate box
 * except images in footer
 */

.md-typeset img,
.md-typeset svg {
  display: block;
  margin: 2rem auto;
}

.md-social__link img,
.md-social__link svg {
  display: inline;
  margin: 0;
}


/**
 * Do not wrap inline code
 */

.md-typeset code {
  white-space: nowrap;
}


/**
 * If code is part of a code block, respect new lines
 */

.md-typeset pre > code {
  white-space: pre;
}

/**
* Override nested numbered lists
*/

.md-content ul li ol {
    list-style-type: decimal;
}

/**
 * Admonitions
 *
 * - increase text size
 * - override the default admonition colors
 * - add custom admonitions
 */

.md-typeset .admonition {
  font-size: .7rem;
}


/**
 * Override `tip` admonition
 */

.md-typeset .admonition.tip,
.md-typeset details.tip {
  background-color: hsla(84, 100%, 33%, .03);
  border-color: hsl(84, 100%, 33%);
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: hsla(84, 100%, 33%, .1);
  border-color: hsl(84, 100%, 33%);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: hsl(84, 100%, 33%);
}


/**
 * Override `remark` admonition
 */

 :root {
    --md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25Z"/></svg>');
 }

.md-typeset .admonition.remark,
.md-typeset details.remark {
  background-color: hsla(33, 100%, 50%, .03);
  border-color: hsl(33, 100%, 50%);
}

.md-typeset .remark > .admonition-title,
.md-typeset .remark > summary {
  background-color: hsla(33, 100%, 50%, .1);
  border-color: hsl(33, 100%, 50%);
}

.md-typeset .remark > .admonition-title::before,
.md-typeset .remark > summary::before {
  background-color: hsl(33, 100%, 50%);
}


/**
 * Override `warning` admonition
 */

.md-typeset .admonition.warning,
.md-typeset details.warning {
  background-color: hsla(0, 100%, 47%, .03);
  border-color: hsl(0, 100%, 47%);
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: hsla(0, 100%, 47%, .1);
  border-color: hsl(0, 100%, 47%);
}

.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-color: hsl(0, 100%, 47%);
}


/**
 * Add `learning` admonition
 */

:root {
  --md-admonition-icon--learning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3L1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z"></path></svg>')
}

.md-typeset .admonition.learning,
.md-typeset details.learning {
  background-color: hsla(211, 94%, 38%, .03);
  border-color: hsl(211, 94%, 38%);
}

.md-typeset .learning > .admonition-title,
.md-typeset .learning > summary {
  background-color: hsla(211, 94%, 38%, .1);
  border-color: hsl(211, 94%, 38%);
}

.md-typeset .learning > .admonition-title::before,
.md-typeset .learning > summary::before {
  background-color: hsl(211, 94%, 38%);
  -webkit-mask-image: var(--md-admonition-icon--learning);
          mask-image: var(--md-admonition-icon--learning);
}

/**
 * Add `deprecated` admonition
 */

:root {
  --md-admonition-icon--deprecated: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.77,7.15L7.2,4.78l1.03-1.71c0.39-0.65,1.33-0.65,1.72,0l1.48,2.46l-1.23,2.06L9.2,9.21L5.77,7.15z M21.72,12.97 l-1.6-2.66l-3.46,2L18.87,16H20c0.76,0,1.45-0.43,1.79-1.11C21.93,14.61,22,14.31,22,14C22,13.64,21.9,13.29,21.72,12.97z M16,21 h1.5c0.76,0,1.45-0.43,1.79-1.11L20.74,17H16v-2l-4,4l4,4V21z M10,17H5.7l-0.84,1.41c-0.3,0.5-0.32,1.12-0.06,1.65l0,0 C5.08,20.63,5.67,21,6.32,21H10V17z M6.12,14.35l1.73,1.04L6.48,9.9L1,11.27l1.7,1.02l-0.41,0.69c-0.35,0.59-0.38,1.31-0.07,1.92 l1.63,3.26L6.12,14.35z M17.02,5.14l-1.3-2.17C15.35,2.37,14.7,2,14,2h-3.53l3.12,5.2l-1.72,1.03l5.49,1.37l1.37-5.49L17.02,5.14z"></path></svg>')
}

.md-typeset .admonition.deprecated,
.md-typeset details.deprecated {
  background-color: hsla(250, 63%, 60%, .1);
  border-color: hsl(250, 63%, 60%);
}

.md-typeset .admonition.deprecated > .admonition-title,
.md-typeset .admonition.deprecated > summary {
  background-color: hsla(250, 63%, 60%, .13);
  border-color: hsl(250, 63%, 60%);
}

.md-typeset .deprecated > .admonition-title::before,
.md-typeset .deprecated > summary::before {
  background-color: hsl(250, 63%, 60%);
  -webkit-mask-image: var(--md-admonition-icon--deprecated);
          mask-image: var(--md-admonition-icon--deprecated);
}




/*------------------------------------*\
  #ADDITIONS
\*------------------------------------*/


/**
 * Language selection
 */

.yp-lang {
  color: var(--md-primary-bg-color);
  background-color: var(--md-primary-fg-color);
  transition: background-color 250ms;
  list-style: none;
  margin: 0 0 0 .6rem;
  padding: 0;
}

.yp-lang__item {
  display: inline-block;
  margin: 0 .1rem;
}

.yp-lang__link {
  font-size: .7rem;
  opacity: .7;
}

.yp-lang__link--active {
  opacity: 1;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.yp-lang__link:focus,
.yp-lang__link:hover {
  color: inherit;
  opacity: 1;
}


/**
 * Badge
 */

.badge {
  background-color: #FFD040;
  border-radius: .4em;
  color: #363636;
  font-size: .85em;
  font-weight: normal;
  padding: .2em .6em;
  white-space: nowrap;
}

.badge--deprecated {
  background-color: #FF6347;
  color: white;
}