:root {

    --pst-font-size-base: 16px;
    --pst-font-size-milli: 13px;
    --pst-font-family-base: 'Source Sans Pro', var(--pst-font-family-base-system);
    --pst-font-family-heading: var(--pst-font-family-base);
    --pst-font-family-monospace: 'Source Code Pro', var(--pst-font-family-monospace-system);
}

html[data-theme="light"] {
    --mne-color-github: #000;
    --pst-color-border-rgba: rgba(0, 0, 0, 0.125);
    --pst-color-background-rgba: rgba(0, 0, 0, 0.03);
    --pst-color-primary-rgba: rgba(69, 157, 185, 0.2);
    --pst-color-secondary-rgba: rgba(238, 144, 64, 0.2);
    --copybtn-opacity: 0.75;
    /* sphinx-gallery overrides */
    --sg-download-a-background-color: var(--pst-color-primary);
    --sg-download-a-background-image: unset;
    --sg-download-a-border-color: var(--pst-color-border-rgba);
    --sg-download-a-color: #fff;
    --sg-download-a-hover-background-color: var(--pst-color-secondary);
    --sg-download-a-hover-box-shadow-1: none;
    --sg-download-a-hover-box-shadow-2: none;
}

/* ***************************************************** front page carousel */
div.frontpage-gallery {
    overflow: hidden;
    height: 180px;
    justify-content: center;
}
div.frontpage-gallery a {
    text-decoration: none;
    color: rgb(var(--pst-color-text-base));
}
div.frontpage-gallery img.card-img {
    transform: scale(1.2);
    transform-origin: 40% 20%;
    opacity: 0.2;
    transition: 400ms ease-out;
}
div.frontpage-gallery:hover img.card-img {
    transform: scale(0.9);
    opacity: 1.0;
    transition: 400ms ease-out;
}
div.frontpage-gallery .fadeout {
    opacity: 1.0;
    transition: 200ms linear;
}
div.frontpage-gallery:hover .fadeout {
    opacity: 0.0;
    transition: 200ms linear;
}
div.card img.institution {
    background-color: #fffe;
}
div.card {
    border: 1px solid var(--pst-color-border-rgba);
    background-color: rgb(var(--pst-color-background));
}
.card-header {
    border-bottom-color: var(--pst-color-border-rgba);
    background-color: var(--pst-color-background-rgba);
}