/* change primary & info color for light mode*/
html[data-theme="light"] {
    --pst-color-primary: rgb(1, 113, 195);
    --pst-color-info: rgb(1, 113, 195);
}

/* ectra css variables */
:root {
    --pst-color-info-tiny-opacity: rgba(1, 113, 195, 0.1);
    --pst-color-info-low-opacity: rgba(1, 113, 195, 0.25);
}


/* align items in the left part of header to the ground*/
.bd-header #navbar-start {
    align-items: end;
}

/* for version badge, possible for other badges*/
.version-badge{
    border: 1px solid var(--pst-color-primary);
    border-radius: 0.25rem;
    color: var(--pst-color-primary);
    padding: 0.1rem 0.25rem;
    font-size: var(--pst-font-size-milli);
}

/* for card components */
.bd-content .sd-card {
    border: none;
    border-left: .2rem solid var(--pst-color-info-low-opacity);
}

.bd-content .sd-card .sd-card-header{
    background-color: var(--pst-color-info-tiny-opacity);
    border: none;
}

.bigdl-link-card:hover{
    border-left: .2rem solid var(--pst-color-info);
}

/* for sphinx-design badge components (customized for usage in card footer)*/
.sd-badge{
    padding: .35em 0em;
    font-size: 0.9em;
}

/* for landing page side bar */
.bigdl-quicklinks-section-nav{
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

.bigdl-quicklinks-section-title{
    color: var(--pst-color-primary);
}

/* make the sidebars sticky */

/* make the page footer position absolute to aviod pushing sidebars up when scrolling to the end of the page */
.bd-footer{
    position: absolute;
    bottom: 0;
    background-color: var(--pst-color-on-background);
}

/* make its parent element position relative to ensure the "position:absolute" change valid */
body{
    position: relative;
}

/* the margin height is just the height of original footer, to avoid content overlapping */
/* use JS to set it dynamically */
/* .bd-footer-article {
    margin-bottom: 70.5px;
} */