/* Nav section title*/
.md-nav__list > .md-nav__item > label {
  font-weight: 400;
  font-size: 20px;
  color: #3C3F40;
}

/* Nav link */
.md-nav__link {
  font-size: 16px;
}

/* Current link should be bold */
.md-nav__link--active {
  font-weight: 500;
}

/* Align the dropdown arrow to the right */
.md-nav__item--nested>.md-nav__link:after {
  float: right;
}

/* Remove Copper Developer API from top of Nav links */
.md-nav__title.md-nav__title--site {
  display: none;
}

/* Style Table of Contents header */
.md-nav--secondary .md-nav__title {
  font-weight: 400;
  font-size: 20px;
}

/* Style inline code */
.md-typeset code {
  background-color: #F5F6F6;
  color: #2B41B2;
  font-weight: 500;
  font-size: 12px;
}

/* Set font size of the page title */
.md-header-nav__topic {
  font-size: 20px;
}

/* Properly align page title */
.md-flex__ellipsis.md-header-nav__title {
  margin-left: -16px;
  display: block;
}

/* Change table header colors */
.md-typeset table:not([class]) th {
  color: white;
  background-color: #321E41;
}

/* Change link color in the content */
[data-md-color-primary=copper] .md-content .md-typeset a {
  color: #FF3465;
}

/* Base typography */
body {
  font-weight: 400;
  font-size: 16px;
  color: #3C3F40;
}

.md-typeset h1 {
  font-weight: 500;
  font-size: 40px;
  color: #3C3F40;
}

.md-typeset h2 {
  font-weight: 500;
  font-size: 28px;
  color: #3C3F40;
}

.md-typeset h3 {
  font-weight: 500;
  font-size: 20px;
  color: #3C3F40;
}

/* Copper Color palette */

button[data-md-color-primary=copper] {
  background-color: #321E41
}

[data-md-color-primary=copper] .md-typeset a {
  color: #321E41
}

[data-md-color-primary=copper] .md-header, [data-md-color-primary=copper] .md-hero {
  background-color: #321E41
}

[data-md-color-primary=copper] .md-nav__link--active, [data-md-color-primary=copper] .md-nav__link:active {
  color: #3C3F40;
}

[data-md-color-primary=copper] .md-nav__item--nested > .md-nav__link {
  color: inherit
}

button[data-md-color-accent=copper] {
  background-color: #FF3465
}

[data-md-color-accent=copper] .md-typeset a:active, [data-md-color-accent=copper] .md-typeset a:hover {
  color: #FF3465
}

[data-md-color-accent=copper] .md-typeset .codehilite pre::-webkit-scrollbar-thumb:hover, [data-md-color-accent=copper] .md-typeset pre code::-webkit-scrollbar-thumb:hover {
  background-color: #FF3465
}

[data-md-color-accent=copper] .md-nav__link:focus, [data-md-color-accent=copper] .md-nav__link:hover, [data-md-color-accent=copper] .md-typeset .footnote li:hover .footnote-backref:hover, [data-md-color-accent=copper] .md-typeset .footnote li:target .footnote-backref, [data-md-color-accent=copper] .md-typeset .md-clipboard:active:before, [data-md-color-accent=copper] .md-typeset .md-clipboard:hover:before, [data-md-color-accent=copper] .md-typeset [id] .headerlink:focus, [data-md-color-accent=copper] .md-typeset [id]:hover .headerlink:hover, [data-md-color-accent=copper] .md-typeset [id]:target .headerlink {
  color: #FF3465
}

[data-md-color-accent=copper] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: #FF3465
}

[data-md-color-accent=copper] .md-search-result__link:hover, [data-md-color-accent=copper] .md-search-result__link[data-md-state=active] {
  background-color: rgba(245, 0, 87, .1)
}

[data-md-color-accent=copper] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: #FF3465
}

[data-md-color-accent=copper] .md-source-file:hover:before {
  background-color: #FF3465
}

@media only screen and (max-width: 59.9375em) {
  [data-md-color-primary=copper] .md-nav__source {
    background-color: rgba(185, 24, 79, .9675)
  }
}

@media only screen and (max-width: 76.1875em) {
  html [data-md-color-primary=copper] .md-nav--primary .md-nav__title--site {
    background-color: #321E41;
    display: block;
  }

  /* Properly align copper logo on mobile */
  html .md-nav--primary .md-nav__title--site .md-nav__button {
    width: 48px;
    height: 48px;
    position: relative;
    float: left;
  }

  html .md-nav--primary .md-nav__title--site .md-nav__button img {
    float: left;
  }

  html .md-nav--primary .md-nav__title {
    padding: 0;
    line-height: 60px;
    height: 100px;
    padding-top: 40px;
  }
}

@media only screen and (min-width: 76.25em) {
  [data-md-color-primary=copper] .md-tabs {
    background-color: #321E41
  }
}