/* =======================================================
   BulletLab Documentation Theme Overrides
   ======================================================= */

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Iceberg&family=Silkscreen:wght@400;700&display=swap');

/* Make the documentation area wider */
.md-grid {
    max-width: 1800px;
}

/* -------------------------------------------------------
   Headings
   ------------------------------------------------------- */

.hero-title {
    font-family: "Unbounded", sans-serif;
    font-size: 5rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.0;
}

.author-name {
    font-family: "Iceberg", sans-serif;
    color: #04d9ff;
    font-size: 1.2rem;

}

.md-content h1 {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
}

.md-content h2 {
    font-size: 2.2rem;
    font-weight: 600;
    color: #ffffff;
}

.md-content h3 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #ffffff;
}

.md-content h4 {
    color: #ffffff;
}

/* -------------------------------------------------------
   Body Text
   ------------------------------------------------------- */

.md-typeset {
    color: #f2f2f2;
    font-size: 0.95rem;
}

.md-content {
    color: #f2f2f2;
}

/* -------------------------------------------------------
   Navigation Sidebar
   ------------------------------------------------------- */

.md-nav {
    color: #f2f2f2;
}

.md-nav__link {
    color: #f2f2f2;
}

.md-nav__link:hover {
    color: #ffffff;
}

/* Active page */
.md-nav__link--active {
    color: #4fc3f7 !important;
    font-weight: 600;
}

/* -------------------------------------------------------
   Tables
   ------------------------------------------------------- */

.md-typeset table {
    color: #f2f2f2;
    font-size: 0.95rem;
}

.md-typeset th {
    font-weight: 700;
}

/* -------------------------------------------------------
   Code Blocks
   ------------------------------------------------------- */

.md-typeset code {
    font-size: 0.9rem;
}

.md-typeset pre {
    border-radius: 10px;
}

/* -------------------------------------------------------
   Images
   ------------------------------------------------------- */

.md-typeset img {
    border-radius: 10px;
}

/* -------------------------------------------------------
   Buttons
   ------------------------------------------------------- */

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

/* -------------------------------------------------------
   API Reference Pages
   ------------------------------------------------------- */

.md-typeset h5,
.md-typeset h6 {
    color: #ffffff;
}

/* -------------------------------------------------------
   Slightly wider content area
   ------------------------------------------------------- */

.md-content__inner {
    max-width: 100%;
}