/* Change tabs from sphinx-design to a bfh like style */

:root {
    --sd-color-tabs-label-hover: var(--bfh-LightBlue);
    --sd-color-tabs-underline-hover: var(--bfh-LightBlue);
    --sd-color-tabs-underline: transparent;
}

/* Basic label design */
.sd-tab-set>label {
    border: 2px solid black;
    margin: 4px;
    font-size: 14px;
    border-radius: 20rem;
    padding: 0.5em 1em;
}

/* Not selected item */
.sd-tab-set>input:not(.focus-visible)+label {
    color: var(--md-default-fg-color);
}

/* Selected item */
.sd-tab-set>input:checked+label {
    border-color: var(--md-default-bg-color);
    background-color: var(--md-default-fg-color);
    color: var(--md-default-bg-color);
}

/* Hovered item selected */
.sd-tab-set>input:checked+label:hover {
    border-color: var(--bfh-LightBlue);
    background-color: var(--bfh-LightBlue);
}

.sd-tab-content {
    box-shadow: none;
    padding: 0.5em 0;
}