/* ==========================================================================================
Custom styling on top of the PyData Sphinx Theme
===========================================================================================*/
/* VARIABLES */
html[data-theme='light'] {
    --spark-color-primary: #09857c;
    --spark-color-heading-background: #1c223b;
    --spark-color-page-background: #ffffff;
    --spark-color-highlight-background: #f7f7f8;
}
html[data-theme='dark'] {
    --spark-color-primary: #09857c;
    --spark-color-heading-background: #1c223b;
    --spark-color-page-background: #020316;
    --spark-color-highlight-background: #0d132b;
}
:root {
    --sd-color-card-background: var(--spark-color-highlight-background) !important;
    --pst-color-on-background:  var(--spark-color-highlight-background) !important;
}

@font-face {
  font-family: 'IntelOne-Display-Regular';
  src: url('./fonts/INTELONE-DISPLAY-REGULAR.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IntelOne-Display-Light';
  src: url('./fonts/INTELONE-DISPLAY-LIGHT.TTF') format('truetype');
  font-weight:lighter;
  font-style: normal;
}
@font-face {
  font-family: 'IntelOne-Display-Mono';
  src: url('./fonts/INTELONE-MONO-FONT-FAMILY-REGULAR.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* GENERAL =============================================================================== */
html, body, html * {font-family: 'IntelOne-Display-Regular','Roboto', sans-serif;}

.bd-container {
  background-color: var(--spark-color-page-background) !important;
}
.bd-container,
.bd-header {
  justify-content: left;
}


h1, h2, h3, h4, h5, h6 {
    color: var(--spark-color-primary);
    font-family: 'IntelOne-Display-Light','Roboto', sans-serif;
    font-weight: normal;
}
h1 {font-size: 2.5rem}
h2 {font-size: 1.9rem}
h3 {font-size: 1.5rem}


/* sidebars ============================================================================== */
.sidebar-secondary-items > .sidebar-secondary-item:nth-of-type(2) {
  display: none;
}
.bd-docs-nav .bd-links__title {
  display: none;
}
#pst-primary-sidebar {
  background-color: var(--spark-color-highlight-background);
}
#pst-secondary-sidebar {
  background-color: var(--spark-color-page-background);
}
.bd-sidebar-primary {
  max-width: 300px;
}



/* top bar =============================================================================== */
/* top bar Spark border */
header.bd-header {
    border-top-width: 10px;
    border-top-style: solid;
    background-color: var(--spark-color-heading-background) !important;
    border-image: linear-gradient(90deg, #5400c0 5%, #057aff 50%, #16cfb1 98.99%) 1
}

/* top bar text */
.logo__title,
.navbar-header-items__center ul li a,
.navbar-item button {
    color: #ffffff !important;
}
.navbar-brand .logo__title:hover {
    text-decoration: none;
}

/* top bar menu shift to left */
div.col-lg-3.navbar-header-items__start {
    width: auto;
    padding-right: 20px;
}

/* top bar search */
button.btn.search-button-field,
.search-button__kbd-shortcut .kbd-shortcut__modifier {
    background-color: var(--spark-color-heading-background) !important;
    color: #ffffff;
    border-radius: 0em;
}
button.btn.search-button-field {
    padding-left:1em;
    padding-right:1em;
}

/* top bar dropdown menu */
.bd-header ul.navbar-nav>li.nav-item.dropdown>.dropdown-toggle {
    border-radius: 0em;
}

#pst-nav-more-links {
    background-color: var(--spark-color-heading-background);
    border-radius: 0em;
}
a.nav-link.dropdown-item:hover {
    background-color: unset;
    text-decoration-color: var(--pst-color-secondary) !important;
}





/* conmtent elements ===================================================================== */

#searchbox .highlight-link {
  background-color: var(--spark-color-primary);
}