:root {
  --md-primary-fg-color: #066FD1;
  --md-primary-fg-color--light: #3D91DF;
  --md-primary-fg-color--dark: #0559A7;

  --md-accent-fg-color: #066FD1;
}

/* Links */
.md-typeset a {
  color: #066FD1;
}

.md-typeset a:hover {
  color: #0559A7;
}

/* Header */
.md-header {
  padding-top: 10px;
}

.md-header, .md-tabs {
  background-color: #0B1F33;
}

header .md-tabs__list .md-tabs__item.md-tabs__item--active,
header .md-tabs__list .md-tabs__item:hover {
  border-bottom: 2px solid #066fd2;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
  height: 1.7rem;
}

/* Search */
.md-search__form {
  background-color: rgba(255, 255, 255, 0.12);
}

/* Code copy button hover */
.md-typeset .md-clipboard:hover {
  color: #066FD1;
}

/* Navigation active item */
.md-nav__link--active {
  color: #066FD1 !important;
}

/* Headings */
.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #066FD1;
  color: white;
}

/* Back to Top */
.md-top:focus, .md-top:hover {
  background-color: #066FD1;  
}

/* Better Headers */ 
.md-typeset h1, 
.md-typeset h2,
.md-nav__item--section > .md-nav__link[for],
.md-nav__container > .md-nav__link {
  color: #000;  
}

/*.md-nav__item--section > .md-nav__link[for],
.md-nav__container > .md-nav__link {
  font-size: 18px;
}*/

body[data-md-color-scheme="slate"] .md-typeset h1,
body[data-md-color-scheme="slate"] .md-typeset h2,
body[data-md-color-scheme="slate"] .md-nav__item--section > .md-nav__link[for],
body[data-md-color-scheme="slate"] .md-nav__container > .md-nav__link {
  color: #FFF;
}

/* Hide Home */
nav.md-nav--primary > ul > .md-nav__item:first-of-type {
  display: none;
}

/* License badges
   Marks the license tier an extension requires. Tiers mirror
   DMS\Licensing\Types: Starter, Standard, Pro. Written as raw HTML in the
   page so it needs no Markdown extension:

     <div class="dms-license dms-license--standard">
       <a href="https://dealer.ms/link/standard-license">Standard License Extension</a>
     </div>

   Styled here only - extension repos ship the markup, never the CSS. */
.md-typeset .dms-license {
  display: inline-block;
  margin: 0 0 1.2em;
  border: 1px solid currentcolor;
  border-radius: 1em;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Padding sits on the anchor so the whole pill is clickable. Color is
   inherited from the tier class, overriding the site-wide link color. */
.md-typeset .dms-license a {
  display: block;
  padding: 0.2em 0.75em;
  color: inherit;
  line-height: 1.6;
  text-decoration: none;
}

.md-typeset .dms-license a:hover {
  color: inherit;
  text-decoration: underline;
}

.md-typeset .dms-license--starter {
  color: #5c6b7a;
  background-color: rgba(92, 107, 122, 0.1);
}

.md-typeset .dms-license--standard {
  color: #066FD1;
  background-color: rgba(6, 111, 209, 0.1);
}

.md-typeset .dms-license--pro {
  color: #9333ea;
  background-color: rgba(147, 51, 234, 0.1);
}

/* The muted starter grey reads too dark against the slate background. */
body[data-md-color-scheme="slate"] .md-typeset .dms-license--starter {
  color: #a3b1bf;
}

/* Responsive video embeds */
.md-typeset .video-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  margin: 1.5em 0;
  border-radius: 6px;
  overflow: hidden;
}

.md-typeset .video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}