/* =========================================================
   BIRDS BUS OPEN SOURCE
   Global Design System
   ========================================================= */
:root {
  --birds-blue: #005596;
  --birds-light-blue: #c3e5ff;
  --birds-black: #000000;
  --birds-white: #ffffff;
  --birds-gray: #aaaaaa;
  --birds-dark-gray: #111111;
  --birds-header-height: 115px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* =========================================================
   GLOBAL
   ========================================================= */
html,
body {
  margin: 0;
  padding: 0;
  background: var(--birds-black);
  color: var(--birds-white);
  font-family: "Roboto", sans-serif;
}

body {
  font-size: 16px;
}

/* =========================================================
   LINKS
   ========================================================= */
a {
  color: var(--birds-light-blue);
}

a:hover {
  color: var(--birds-white);
}

/* =========================================================
   BIRDS HEADER
   ========================================================= */
.birds-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #000000;
}

/* =========================================================
   TOP HEADER
   ========================================================= */
.birds-header-main {
  height: 70px;
  min-height: 70px;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 24px;
  box-sizing: border-box;
  background: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* =========================================================
   BRAND
   ========================================================= */
.birds-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

.birds-brand:hover {
  color: white;
  text-decoration: none;
}

.birds-brand img {
  display: block;
  width: auto;
  height: 34px;
}

/* =========================================================
   SEARCH
   ========================================================= */
.birds-search {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  height: 40px;
  max-width: 320px;
  margin-left: auto;
}

.birds-search .search-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.birds-search .search-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 52px 0 16px;
  border: none;
  border-radius: 20px;
  background: white;
  color: #222;
  font-family: inherit;
  font-size: 14px;
  outline: none;
}

.birds-search .search-input::placeholder {
  color: #777;
}

.birds-search-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0 20px 20px 0;
  background: var(--birds-blue);
  color: white;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

/* =========================================================
   TOP LINKS
   ========================================================= */
.birds-main-links {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

.birds-main-links a {
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.birds-main-links a:hover {
  text-decoration: underline;
}

/* =========================================================
   SYSTEM NAV
   ========================================================= */
.birds-system-nav {
  height: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  overflow-x: auto;
  white-space: nowrap;
  background: var(--birds-blue) !important;
}

.birds-system-nav::-webkit-scrollbar {
  height: 0;
}

.birds-system-nav a {
  flex-shrink: 0;
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

.birds-system-nav a:hover {
  color: white;
  text-decoration: underline;
}

.birds-system-nav a.inactive {
  color: rgba(255, 255, 255, 0.45);
}

/* =========================================================
   DOCUMENTATION LAYOUT
   ========================================================= */
.birds-docs-layout {
  min-height: 100vh;
  padding-top: var(--birds-header-height);
  background: var(--birds-black);
}

/* =========================================================
   JUST THE DOCS SIDEBAR
   ========================================================= */
.birds-docs-layout .side-bar {
  position: fixed;
  top: var(--birds-header-height);
  left: 0;
  height: calc(100vh - var(--birds-header-height));
  width: 260px;
  box-sizing: border-box;
  background: #050505;
  border-right: 2px solid var(--birds-blue);
}

.birds-docs-layout .site-nav {
  padding-top: 20px;
}

.birds-docs-layout .site-nav a {
  color: #d0d0d0;
}

.birds-docs-layout .site-nav a:hover {
  color: white;
}

.birds-docs-layout .nav-list .nav-list-item > .nav-list-link.active {
  color: white;
  border-left: 3px solid var(--birds-blue);
  background: rgba(0, 85, 150, 0.15);
}

/* =========================================================
   MAIN CONTENT
   ========================================================= */
/* ---------------------------------------------------------
   1. MAKE DOCUMENTATION CONTENT USE THE AVAILABLE WIDTH
   --------------------------------------------------------- */
/* Remove Just the Docs' narrow content constraint */
.birds-docs-layout .main-content-wrap {
  max-width: none;
  width: 100%;
}

/* Let content be fluid and use the available viewport width, while still respecting the sidebar */
.birds-docs-layout .main-content > main {
  max-width: none;
  width: 100%;
}

.birds-docs-layout .main {
  margin-left: 260px;
  min-width: 0;
}

.birds-docs-layout .main-content {
  max-width: none;
  width: auto;
  margin: 0;
  padding: 48px 5vw 80px;
}

/* =========================================================
   BREADCRUMBS
   ========================================================= */
.birds-docs-layout .breadcrumb-nav {
  color: #999;
  margin-bottom: 30px;
}

.birds-docs-layout .breadcrumb-nav a {
  color: var(--birds-light-blue);
}

/* =========================================================
   HEADINGS
   ========================================================= */
.birds-docs-layout h1 {
  margin-top: 0;
  margin-bottom: 28px;
  color: white;
  font-size: clamp(2.8rem, 5vw, 4.5rem);
  line-height: 1;
  font-weight: 400;
}

.birds-docs-layout h2 {
  margin-top: 64px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--birds-blue);
  color: white;
  font-size: 2rem;
  font-weight: 500;
}

.birds-docs-layout h3 {
  margin-top: 40px;
  color: white;
  font-size: 1.4rem;
}

/* =========================================================
   BODY TEXT
   ========================================================= */
.birds-docs-layout p {
  color: #d4d4d4;
  line-height: 1.7;
}

.birds-docs-layout li {
  color: #d4d4d4;
  line-height: 1.7;
}

/* =========================================================
   TABLES
   ========================================================= */
.birds-docs-layout table {
  width: 100%;
  background: #080808;
  border-collapse: collapse;
}

.birds-docs-layout th {
  background: var(--birds-blue);
  color: white;
}

.birds-docs-layout th,
.birds-docs-layout td {
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* =========================================================
   CODE
   ========================================================= */
.birds-docs-layout code {
  background: rgba(255, 255, 255, 0.08);
  color: var(--birds-light-blue);
}

.birds-docs-layout pre {
  background: #080808;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* =========================================================
   BLOCKQUOTES
   ========================================================= */
.birds-docs-layout blockquote {
  margin-left: 0;
  padding: 16px 24px;
  border-left: 4px solid var(--birds-blue);
  background: rgba(0, 85, 150, 0.12);
}

/* =========================================================
   HORIZONTAL RULE
   ========================================================= */
.birds-docs-layout hr {
  border: 0;
  border-top: 2px solid var(--birds-blue);
  margin: 48px 0;
}

/* =========================================================
   FOOTER
   ========================================================= */
.birds-docs-layout .site-footer {
  border-top: 2px solid var(--birds-blue);
  color: #888;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 1000px) {
  .birds-header-main {
    gap: 12px;
  }
  .birds-main-links {
    display: none;
  }
  .birds-search {
    max-width: none;
  }
}
@media (max-width: 800px) {
  :root {
    --birds-header-height: 110px;
  }
  .birds-brand span {
    display: none;
  }
  .birds-header-main {
    min-height: 60px;
  }
  .birds-brand img {
    height: 32px;
  }
  .birds-system-nav {
    gap: 16px;
  }
  .birds-system-nav a {
    font-size: 12px;
  }
  .birds-docs-layout .side-bar {
    top: var(--birds-header-height);
    height: calc(100vh - var(--birds-header-height));
  }
  .birds-docs-layout .main {
    margin-left: 0;
  }
  .birds-docs-layout .main-content {
    padding: 40px 24px 60px;
  }
  .birds-docs-layout h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 500px) {
  .birds-search {
    margin-left: 0;
  }
  .birds-header-main {
    padding: 8px 12px;
  }
  .birds-docs-layout .main-content {
    padding: 32px 18px 50px;
  }
}
/* ---------------------------------------------------------
   2. FIX SEARCH BOX / SEARCH BUTTON ALIGNMENT
   --------------------------------------------------------- */
/* The search icon itself */
.birds-search-button span {
  display: block;
  line-height: 1;
  transform: scale(2.5, 2.5) rotate(270deg);
}

/* ---------------------------------------------------------
   4. MAKE SURE THE DOCUMENTATION STARTS BELOW THE HEADER
   --------------------------------------------------------- */
/* Hide the Just the Docs logo/header inside the sidebar */
.birds-docs-layout .side-bar .site-header {
  display: none;
}

/* =========================================================
   FORCE BIRDS DOCS CONTENT TO USE AVAILABLE WIDTH
   ========================================================= */
.birds-docs-layout .main {
  margin-left: 260px !important;
  width: calc(100% - 260px) !important;
  max-width: none !important;
  min-width: 0 !important;
}

.birds-docs-layout .main-content-wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.birds-docs-layout .main-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 48px 5vw 80px !important;
}

.birds-docs-layout .main-content > main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/*# sourceMappingURL=custom.css.map */