/**
 * 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.
 */

 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,900;1,100;1,300;1,400&family=Raleway:wght@500;600;700&display=swap');

/* You can override the default Infima variables here. */
:root {
  /* Palette */
  --ifm-color-primary: #6633ff;
  --ifm-color-primary-dark: #4f14ff;
  --ifm-color-primary-darker: #4405ff;
  --ifm-color-primary-darkest: #3600d6;
  --ifm-color-primary-light: #7d52ff;
  --ifm-color-primary-lighter: #8861ff;
  --ifm-color-primary-lightest: #ab8fff;
  --ifm-color-secondary: #48d0e0;
  --ifm-color-secondary-dark: #2fc9dc;
  --ifm-color-secondary-darker: #24c4d7;
  --ifm-color-secondary-darkest: #1ea2b1;
  --ifm-color-secondary-light: #61d7e4;
  --ifm-color-secondary-lighter: #6edae6;
  --ifm-color-secondary-lightest: #94e4ed;
  
  /* Font colors */
  --ifm-footer-link-hover-color: var(--ifm-color-emphasis-800);
  --ifm-menu-color-active: var(--ifm-color-emphasis-800);
  --ifm-navbar-link-hover-color: var(--ifm-color-emphasis-800);
 
  /* Fonts */
  --ifm-heading-font-family: 'Raleway', 'sans-serif';
  --ifm-font-family-base: 'Lato', 'sans-serif';
  --ifm-code-font-size: 95%;
  
  /* Bg colors */
  --ifm-footer-background-color: transparent;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* Override the default Infima styles here. */

/* Button */
.button.button--secondary {
  color: #fff;
  box-shadow: 0 20px 20px -10px rgb(72 208 224 / 40%);
}

.button.button--default {
  background-color:#fff;
  border-color: rgba(6, 6, 42, 0.3);
  border-style: solid;
  border-width: 2px;
  color: #000;
}

.button.button--default:hover {
  background-color: #f7f7f7;
}

/* Card */
.card:hover {
  border-color: transparent;
}

/* Tag List */
.tagList ul {
  margin: 0 !important;
  text-transform: uppercase;
}

/* Pagination */
.blogPage .pagination-nav {
  display: none;
}

.pagination-nav__link:hover{
  border-color: var(--ifm-color-emphasis-300);
}

/* Navbar */
.navbar__title {
  color: black;
  font-weight: bold;
  font-size: 18px;
  font-family: var(--ifm-heading-font-family);
}

.navbar__title:after {
  content: "| documentation";
  padding: 4px;
  font-weight: normal;
}

.navbar__link svg {
  display: none;
}

.navbar__items--right {
  flex-direction: row-reverse;
}

.DocSearch-Button {
  border-radius: 8px !important;
}

/* Blog  list page */
.blog-list-page article{
  border-top: 1px solid var(--docusaurus-tag-list-border);
  padding: 2rem 0;
  margin: 0 !important;
}

.blog-list-page article h2{
  font-size: var(--ifm-h2-font-size);
}

.blog-list-page article h2 a {
  color: var(--ifm-heading-color);
  text-decoration: none;
}

/* Footer */	
.footer .container {
  display: flex;
  flex-flow: column-reverse;
}

.footer a {
  opacity: 1;
}

.footer img {
  max-width: 160px;
}

.footer .footer__link-item svg {
  display: none;
}

/* Sidebar */
.menu__link--sublist-caret:after {
  background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem;
}

/* Homepage */
.docs-doc-id-index main {
  max-width: 100%;
}

.custom-homepage .section {
  padding: 2rem 0;
}

@media screen and (min-width: 1440px) {
  .docs-doc-id-index .container {
    max-width: var(--ifm-container-width);
  }
}