/* Custom theme */
:root {
  --md-text-font-family: "Open Sans", Arial, sans-serif;
  --md-primary-fg-color:        #2e39e3;
  --md-primary-fg-color--light: #8d94f0;
  --md-primary-fg-color--dark:  #060a4e;
}

/* Light mode */
[data-md-color-scheme="default"] {
  --md-default-bg-color: rgb(255, 255, 255);
  --md-default-fg-color--light: rgb(10, 10, 10);
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: rgb(18, 18, 22);
  --md-default-fg-color--light: rgb(245, 245, 245);
  --md-typeset-a-color: #5e8bde; /* Lighter a color for contrast */
}

.md-header, .md-tabs {
  background-color: var(--md-default-bg-color);
  color: var(--md-default-fg-color--light)
}

/* Light mode search fix */
.md-search__input {
  background-color: var(--md-default-bg-color--light)!important;
  border-radius: 4px;
}
.md-search__input::placeholder, .md-search__icon {
  color: var(--md-code-fg-color)!important;
}

/* Logo */
.md-header__topic, .md-nav__title {
  text-transform: uppercase;
  font-weight: 800!important;
}

/* Mobile table of contents admonition */
.md-typeset .info>summary {
  background-color: transparent;
}

.md-typeset details {
  border: 1px solid var(--md-typeset-a-color)!important;
}

.md-typeset .admonition.info:focus-within, .md-typeset details.info:focus-within {
  box-shadow: none!important;
}

.md-typeset .info>summary:before {
  background-color: var(--md-typeset-a-color)!important;
}

.md-typeset .info>summary:after {
  color: var(--md-typeset-a-color)!important;
}
/* End Mobile table of contents admonition */

.toclink {
  color: var(--md-default-fg-color--light) !important;
}

.toclink:hover {
  filter: brightness(85%);
}

.md-header {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.md-search__form {
  border-radius: 8px;
}

/* Hide date */
.md-meta__item time {
  display: none;
}

.md-meta__list .md-meta__item:nth-of-type(1) {
  display: none;
}

.md-nav,
.md-search,
p,
li {
  font-family: "Open Sans", Arial, sans-serif;
}

p,
li {
  line-height: 2em;
}

/* Logo */
.md-header__title {
  font-family: Montserrat, "Open Sans", Arial, sans-serif;
  font-weight: 900 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat, "Open Sans", Arial, sans-serif;
  font-weight: 900 !important;
  color: var(--md-default-fg-color--light);
  text-transform: uppercase;
}

h1 {
  font-size: 2em !important;
}

h2 {
  font-size: 1.75em !important;
}

h3 {
  font-size: 1.5em !important;
}

h4 {
  font-size: 1.25em !important;
}

@media screen and (max-width: 670px) {
  h1 {
    font-size: 1.6em !important;
  }

  h2 {
    font-size: 1.4em !important;
  }

  h3 {
    font-size: 1.2em !important;
  }

  h4 {
    font-size: 1em !important;
  }
}

.icon-image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  border: .05rem solid var(--md-default-fg-color--lightest);
}
.icon-image svg {
  width: auto!important;
}

@media screen and (max-width: 670px) {
  .icon-image {
    height: 200px !important;
    width: 100%;
  }
  .icon-image svg {
    max-width: 70%;
    height: 4em;
  }
}

@media screen and (min-width: 670px) {
  .icon-image {
    height: 300px !important;
    width: 100%;
  }
  .icon-image svg {
    max-width: 50%;
    height: 6em;
  }
}

/* Hide the TOC on desktop screens */
@media (min-width: 960px) {
  .mobile-only {
    display: none!important;
  }
}