/* ==========================================================================================
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;
}
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);
  max-width: 300px;
  border-right: 1px solid var(--pst-color-border);
  border-left: 1px solid var(--pst-color-border);
}
#pst-secondary-sidebar {
  background-color: var(--spark-color-page-background);
}


/* 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 menu shift to left */
div.col-lg-3.navbar-header-items__start {
    width: auto;
    padding-right: 20px;
}

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

.navbar-brand .logo__title {
  padding-right: 20px;
  &:hover {
    text-decoration: none;
    color: var(--pst-color-secondary) !important;
  }
}


/* top bar text buttons and menus ============================================== */
/* top bar buttons */
button.version-switcher__button,
.bd-header ul.navbar-nav>li.nav-item.dropdown>button.btn.dropdown-toggle.nav-item,
button.btn.search-button-field {
    border-style: solid;
    border-width: 2px !important;
    border-color: var(--pst-color-border);
    border-radius: 0em;
}
button.version-switcher__button:hover,
.bd-header ul.navbar-nav>li.nav-item.dropdown>button.dropdown-toggle:hover,
button.btn.search-button-field:hover {
    box-shadow: 0 0 0 .1875rem var(--pst-color-secondary) !important;
    border-color: transparent !important;
}

/* 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;
}
button.btn.search-button-field {
    padding-left:1em;
    padding-right:1em;
}

/* component selector dropdown area */
#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;
      }
}
button.theme-switch-button:hover {color: var(--pst-color-secondary) !important;}
button.theme-switch-button:hover::before {border-bottom-style:none;}

/* toggle sidebar buttons */
button.theme-switch-button:hover {color: var(--pst-color-secondary) !important;}
button.theme-switch-button:hover::before {border-bottom-style:none;}

button.sidebar-toggle {color: var(--spark-color-highlight-background) !important;}
button.sidebar-toggle:hover {color: var(--pst-color-secondary) !important;}
button.sidebar-toggle:hover::before {border-bottom-style:none;}

/* content elements ===================================================================== */

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