/* https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss
 */

/*
 eu-blue: #003399
 eu-yellow: #ffcc00

 red: #c41637

 blue: #0078ff
 yellow: #ffcc00
 orange: #ff6600
 */

:root > * {
    --md-primary-fg-color: #000;
    --md-accent-fg-color: #0078ff;

    --md-typeset-a-color: #0078ff;
    /*--md-footer-bg-color: var(--md-primary-fg-color);*/
    /*--md-footer-bg-color--dark: var(--md-primary-fg-color);*/
}

/* Light mode */
[data-md-color-scheme="default"] {
    --md-default-bg-color: #fafafa;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #0b0a0a;
}

.center {
    display: block;
    margin: 0 auto;
    text-align: center;
}

header,
header .md-tabs {
    /*background-color: #4b0af0 !important;*/
    /*background-image: linear-gradient(90deg, rgb(0, 200, 200) 0%, rgb(240, 10, 150) 100%);*/
    /*background-image: linear-gradient(90deg, #4b0af0 -50%, #0078ff 60%) !important;*/
}

.md-typeset__table {
    width: 100%;
}

.md-typeset__table table:not([class]) {
    display: table
}

.sponsors {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    text-align: center;
}

.sponsors > div {
    text-align: center;
    margin: 10px;
    padding: 10px;
}

.sponsors img {
    width: 128px;
    height: 128px;
}

#feedback > div {
    font-weight: bold;
    color: #afafaf;
}

#feedback button > span {
    font-size: 1.6em;
    color: #afafaf;
    cursor: pointer;
    margin: 15px;
}

#feedback button:first-child > span:hover {
    color: #00d200;
}

#feedback button:nth-child(2) > span:hover {
    color: #ffcc00;
}

#feedback button:nth-child(3) > span:hover {
    color: #c41637;
}


@keyframes heart {
    0%, 40%, 80%, 100% {
        transform: scale(1);
    }
    20%, 60%, 90% {
        transform: scale(1.2);
    }
}

.heart {
    animation: heart 5000ms infinite;
    color: red;
    margin-left: 3px;
    cursor: grabbing;
    padding: 1px;
}

.check {
    color: #0078ff;
}

.announce a {
    color: var(--md-accent-fg-color);
}


.bg-euro-blue {
    background-color: #003399;
    color: #fff;
}

#wrapper {
    height: 512px;
    position: relative;
    display: flex;
}

#hero {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

#hero img {
    width: 140px;
}

#hero .content h1 {
    vertical-align: middle;
    height: 100%;
    font-size: 6em;
}

#hero .content p {
    font-size: 2em;
}

@media only screen and (min-width: 948px) {
    /*#home div:first-of-type {*/
    /*    z-index: 1;*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    height: 512px;*/
    /*    min-width: 256px;*/
    /*    background-image: url("/assets/flag_germany.svg");*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: -500px center;*/
    /*}*/
    #hero .eurostars {
        position: absolute;
        right: 0;
        height: 512px;
        min-width: 256px;
        background-image: url("/assets/eu-stars.half.svg");
        background-repeat: no-repeat;
        background-position: center right;
    }
}


/* mkdocs */
.grid.cards > ul > li,
.grid.cards > ul > li:hover {
    border: none !important;
    box-shadow: none !important;
}