[data-md-color-primary=light-blue] {
    --md-primary-fg-color: #359a7a;
    --md-primary-fg-color--light: #359a7a;
    --md-primary-fg-color--dark: #359a7a;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-primary=light-blue] .md-footer {
    background-color: #359a7a;
    color: var(--md-footer-fg-color);
}

[data-md-color-primary=blue] .mdx-container {
  background: url('../assets/background-svg.svg') no-repeat bottom,
  linear-gradient(to bottom, var(--md-primary-fg-color), #359a7a 50%, #cfea11 99%, var(--md-default-bg-color) 99%)!important;
  background-size: 100% !important;
  padding-bottom: 30px;
}

/* Show light logo in light mode */
.md-header__button.md-logo img {
  display: none;
}

[data-md-color-primary=light-blue] .md-header__button.md-logo {
  background: url('../assets/logo.png') no-repeat center;
  background-size: contain;
  width: 180px;
  height: 50px;
  margin: .3rem .4rem;
  display: block;
}

[data-md-color-primary=light-blue] .md-header__button.md-logo:hover {
  background: url('../assets/logo.png') no-repeat center;
  background-size: contain;
  width: 180px;
  height: 50px;
  margin: .3rem .4rem;
  display: block;
  z-index: 999;
  opacity: none;
}

[data-md-color-primary=blue] .md-header__button.md-logo {
  background: url('../assets/logo-color.png') no-repeat center;
  background-size: contain;
  width: 180px;
  height: 50px;
  margin: .3rem .4rem;
  display: block;
}

[data-md-color-primary=blue] .md-header__button.md-logo :hover {
  background: url('../assets/logo-color.png') no-repeat center;
  background-size: contain;
  width: 180px;
  height: 50px;
  margin: .3rem .4rem;
  display: block;
  z-index: 999;
  opacity: none;
}

.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
  color: #359a7a;
}

[data-md-color-primary=blue] .md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
  color: #359a7a !important;
}

.md-nav__link[for]:focus, .md-nav__link[for]:hover, .md-nav__link[href]:focus, .md-nav__link[href]:hover {
  color: #359a7a;
}

[data-md-color-primary=blue] {
  --md-primary-fg-color: #000;
  --md-primary-fg-color--light: #000;
  --md-primary-fg-color--dark: #000;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
}
[data-md-color-primary=blue]  .md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
  color: var(--md-accent-fg-color);
}

[data-md-color-primary=blue] .md-typeset a {
    color: #359a7a;
}

.md-clipboard:focus, .md-clipboard:hover {
    color: #359a7a;
}

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

.mdx-container {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill:%23ffffff' /></svg>") no-repeat bottom,
                linear-gradient(to bottom, var(--md-primary-fg-color), #359a7a 50%, #cfea11 99%, var(--md-default-bg-color) 99%) !important;
  background-size: 100% !important;
  padding-bottom: 30px;
}

.md-banner {
  display: none;
}

.md-typeset a {
    color: #359a7a;
    word-break: break-word;
}