@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #4c6fff;
  --ifm-code-font-size: 95%;
  --ifm-font-family-base: "Source Sans Pro";
  --ifm-link-hover-color: #0a2540;
}

html[data-theme="dark"] {
  --ifm-background-color: #1f354b;
  --ifm-color-emphasis-100: #182436;
  --ifm-link-hover-color: #fff;
}

.alert--info {
  --ifm-alert-background-color: inherit;
}

/* In dark mode, set background opacity of every other row */
html[data-theme="dark"] .docs-doc-page tr:even {
  background-color: rgba(31, 53, 75, 0.75);
}

/* Make last column in table full width */
td:last-child {
  width: 100%;
}

html[data-theme="dark"] a {
  font-weight: 800;
}

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme="dark"] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .navbar {
  background-color: #0a2540;
}
.footer--dark {
  background-color: #0a2540;
  width: 100%;
  display: flex;
  padding-left: 40px;
  margin-top: auto;
}

.footer__link-item,
.footer__title {
  color: #8998aa;
}

.footer > .container {
  max-width: 1024px;
}

@media (max-width: 996px) {
  .row .col.col.col {
    --ifm-col-width: 180px;
  }
}

.col.footer__col {
  max-width: 300px;
}

.footer__link-item:hover {
  color: white;
}

.clean-btn {
  color: #6b7c93;
  margin-right: 15px;
}

.menu__link--active {
  font-weight: 600;
}

/* a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
}

.theme-doc-markdown a:hover {
  text-decoration: underline;
}
.theme-doc-markdown a:visited {
  text-decoration: underline;
}
.theme-doc-markdown a:link {
  text-decoration: underline;
}
.theme-doc-markdown a:active {
  text-decoration: underline;
} */

.navbar {
  height: 80px;
  width: 100vw;
  display: flex;
  padding-left: 40px;
}

html[data-theme="dark"] .navbar {
  border-bottom: solid 1px #8998aa;
}

.navbar__inner {
  max-width: 1024px;
  margin: auto;
}

.navbar__logo {
  margin-right: 20px;
  height: 44px;
  width: 44px;
}

.navbar__link--active {
  font-weight: 700;
}

.devicons {
  color: #4c6fff;
}

.nowrap {
  white-space: nowrap;
}

html[data-theme="dark"] .devicons {
  color: #4c6fff;
}

.instruction-icon {
  color: #ffa500;
}

html[data-theme="dark"] .instruction-icon {
  color: #ffcb4c;
}

a.link__nocolor,
a.link__nocolor:hover,
a.link__nocolorvisited,
a.link__nocolor:link,
a.link__nocolor:active {
  color: inherit;
}
