:root {
    --md-primary-fg-color: #1EFBD0;
    --md-accent-fg-color: #1EFBD0;
}

/* Needed for icon spacing in markdown buttons */
a span {
    margin-right: 4px;
}

/* Button styles */
.md-typeset .md-button {
    border: 0.75px solid;
    border-radius: 0px;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 1rem;
}


/* Primary button styles */
.md-typeset .md-button--primary {
    background-color: transparent;
    color: white;
    margin: 4px 4px;
}

.md-typeset .md-button--primary:hover {
    background-color: #1EFBD0;
    opacity: 1;
    color: black;
}

/* Seconday button styles */
.md-typeset .md-button--secondary {
    border-radius: 0px;
    border-color: var(--md-primary-fg-color);
    color: var(--md-primary-fg-color);
    background-color: transparent;
    border-bottom: 0.75px solid;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 2px 8px;
}

.md-typeset .md-button--secondary:hover {
    background-color: transparent;
    color: var(--md-primary-fg-color);
}

.md-typeset .md-button--secondary > span {
    display: inline-block;
    margin-left: 4px;
    transition: transform 0.3s ease;
}

.md-typeset .md-button--secondary:hover > span {
    transform: translateX(10px);
}

/* Adjust admonition styles */
.md-typeset .admonition {
    background-color: transparent !important;
}

.md-typeset .admonition.note {
    border: 1px solid #448aff;
}

.md-typeset .admonition.abstract {
    border: 1px solid #00b0ff;
}

.md-typeset .admonition.info {
    border: 1px solid #00b8d4;
}

.md-typeset .admonition.tip {
    border: 1px solid #00bfa5;
}

.md-typeset .admonition.success {
    border: 1px solid #00c853;
}

.md-typeset .admonition.question {
    border: 1px solid #64dd17;
}

.md-typeset .admonition.warning {
    border: 1px solid #ff9100;
}

.md-typeset .admonition.failure {
    border: 1px solid #ff5252;
}

.md-typeset .admonition.danger {
    border: 1px solid #ff1744;
}

.md-typeset .admonition.bug {
    border: 1px solid #f50057;
}

.md-typeset .admonition.example {
    border: 1px solid #7c4dff;
}

.md-typeset .admonition.quote {
    border: 1px solid #9e9e9e;
}

/* Adjust listing styles */
.md-typeset ul {
    list-style: none;
}

.md-typeset ul > li {
    position: relative;
    padding-left: 16px;
}

.md-typeset ul > li::before {
    content: "»";
    position: absolute;
    left: 0;
    top: 0;
    color: #1EFBD0;
    font-weight: bold;
}

.md-consent__settings ul > li::before {
    content: "";
}


/* Adjust header */
.md-header {
    background-color: #1E212A;
}

.md-search__input {
  border: 1px solid #1EFBD0;
  border-radius: 4px;
}

.md-tabs {
    background-color: #1E212A;
    color: white;
}

.md-tabs__item--active {
  border-bottom: 2px solid #1EFBD0;
}

/* hide the Home navbar item */
.md-tabs__list > li.md-tabs__item:first-child {
    display: none;
}

/* TOC adjustments */
nav.md-nav.md-nav--primary {
    border-right: .5px solid rgb(255, 255, 255, 0.5);
}

nav.md-nav.md-nav--secondary {
    border-left: .5px solid rgb(255, 255, 255, 0.5);
}

.md-nav__title {
    box-shadow: none !important;
}

[id^="__nav_"][id$="_label"] {
    box-shadow: none !important;
}

label.md-nav__link {
    text-transform: uppercase;
    font-weight: 400 !important;
    color: var(--md-primary-fg-color) !important;
}

a.md-nav__link--active {
    color: white !important;
    font-weight: bold;
}

a.md-nav__link:hover {
    color: white !important;
    text-decoration: underline;
}

/* Cookie consent styles */
.md-typeset .md-consent__controls label {
    background-color: transparent;
    color: white;
    border: 0.75px solid;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin: 0 4px;
}

article img {
    border: 1px solid #1EFBD0;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}