mountainstom-header {
/*    background-color: transparent !important;*/
}

.md-header {
    background-color: transparent !important;
}

.md-grid {
    max-width: 1000px; 
}

:root  > * {
    --md-primary-fg-color:        #4138b0;
    --md-primary-fg-color--light: #4138b0;
    --md-primary-fg-color--dark:  #b1abff;
}

nav.md-tabs {
/*    background-color: transparent !important;*/
    background-image: url('../images/mountains.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    background-size: 100%;
}

.md-header::before {
    content: "";
    position: absolute;
    z-index: -2;
    background-image: url('../images/mountains.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    background-size: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

footer.md-footer {
    background-image: url('../images/mountains.jpg');
    background-repeat: no-repeat;
/*    background-attachment: fixed;*/
    background-position: 10% bottom;
    background-size: 140%;
}

nav.md-header__inner a.md-header__button.md-logo {
    padding: 0 !important;
    position: relative;
}

nav.md-header__inner a.md-header__button.md-logo img {
    position: relative;
    left: 10px;
    height: 1.8rem !important;
}

nav.md-tabs .md-tabs__list .md-tabs__item {
    font-family: var(--mono-font-family);
    font-weight: 600 !important;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
}

nav.md-tabs .md-tabs__list .md-tabs__item::before {
    content: "";
    z-index: -2;
    background-color: #00000042;
    position: absolute;
    top: 0.5em;
    left: 0.25em;
    bottom: 0.5em;
    right: 0.25em;
    border-radius: 0.1rem;
}

nav.md-tabs .md-tabs__list .md-tabs__item:hover::before {
    background-color: #ffffff1f;
}


nav.md-tabs .md-tabs__list .md-tabs__item--active {
    color: black;
}

nav.md-tabs .md-tabs__list .md-tabs__item.md-tabs__item--active::before {
    background-color: white;
    border-radius: 0.1rem 0.1rem 0 0;
    bottom: 0;
}

nav.md-tabs .md-tabs__list .md-tabs__item .md-tabs__link {
    padding-top: 0.8rem;
    margin-top: 0;
    padding-bottom: 0.5rem;
}

nav.md-tabs .md-tabs__list .md-tabs__item::after {
    content: "";
    z-index: -1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 0.1rem;
    position: absolute;
    top: 0.5em;
    left: 0.25em;
    bottom: 0.5em;
    right: 0.25em;
}

nav.md-tabs .md-tabs__list .md-tabs__item.md-tabs__item--active::after {
    content: none;
}

#commentEmailLink {
    position: absolute;
    display: inline-block;
    font-family: var(--mono-font-family);
    font-size: 0.8em;
    top: -1em;
    left: 0.5rem;
    color: white;
    padding: 0.25rem 0.5rem;
    background-color: var(--md-primary-fg-color);
    border-radius: 0.1rem;
    cursor: pointer;
    opacity: 0.5;
    box-shadow: #00000033 0 0 8px 0px;
    transition: opacity 0.25s, top 0.25s;
}

#commentEmailLink:hover {
    top: -1.1em;
    opacity: 1;
}

#commentEmailLink:active {
    top: -0.9em;
}

@media screen and (max-width: 600px) {

    #commentEmailLink {
        z-index: 100;
        top: unset;
        display: block;
        bottom: 1em;
        font-size: 0.9em;
    }

    #commentEmailLink:hover {
        top: unset;
        bottom: 0.9em;
        background-color: var(--md-primary-fg-color);
    }

    #commentEmailLink:active {
        top: unset;
        bottom: 1.1em;
    }

}