.page-home .page-content h1 {
    margin: 0;
    z-index: 3;
    position: sticky;
    padding-bottom: 0.67em;
    background: var(--bg-light);
    top: var(--menu-height);
}

@media (max-width: 767px) {
    .page-home .page-content h1 {
        font-size: 1.3rem;
    }
}

.gallery-filter-gameType-1000 img,
.gallery-filter-gameType-1001 img {
    width: 80%;
    height: 80%;
    margin: 10%;
}
.gallery-filter-gameType-1000 a::after,
.gallery-filter-gameType-1001 a::after {
    content: "?";
    font-size: calc(100vw / 10);
    font-weight: 700;
    text-align: center;

    color: hsl(var(--hue) 80% 20%);
    background-color: hsl(var(--hue) var(--saturation) var(--lightness));
    background: radial-gradient(circle, hsl(var(--hue) var(--saturation) var(--lightness)) 0%, hsl(var(--hue) var(--saturation) var(--lightness)) 33%, hsl(var(--hue) var(--saturation) var(--lightness) / 0) 66%);

    position: absolute;
    left: 20%;
    top: 20%;
    right: 20%;
    bottom: 20%;

    transition: opacity 1s;
    z-index: 2;
}

.gallery-filter-gameType-1001 .gallery-picture-img {
    overflow: hidden;
}

@media screen and (min-width: 768px) and (min-height:768px) and (orientation:portrait) {
    .gallery-filter-gameType-1000 a::after, .gallery-filter-gameType-1001 a::after {
        font-size:calc((var(--fullvh) - var(--menu-height) - 10vw) / 8);
    }
}

@media screen and (min-width: 768px) and (min-height:768px) and (orientation:landscape) {
    .gallery-filter-gameType-1000 a::after, .gallery-filter-gameType-1001 a::after {
        font-size:calc((100vw - var(--menu-height) - 10vw) / 8);
    }
}

@media screen and (max-height: 767px) {
    .gallery-filter-gameType-1000 a::after, .gallery-filter-gameType-1001 a::after {
        font-size:calc((var(--fullvh) - var(--menu-height) - 4vw) / 4);
    }
}

@media (min-width: 1024px) {
    .gallery-filter-gameType-1000 a::after, .gallery-filter-gameType-1001 a::after {
        font-size: calc(min(100vw - 300px, 1024px) / 10)
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .gallery-filter-gameType-1000 a::after, .gallery-filter-gameType-1001 a::after {
        font-size: calc(100vw / 7)
    }
}

/* Hide question mark when played */
div[data-played="1"].gallery-filter-gameType-1000 a::after, 
div[data-played="1"].gallery-filter-gameType-1001 a::after {
    opacity: 0;
}


/* PAGES */

.gallery-item-connect-the-dots-numbers-easy .gallery-item-preview-text {
    --hue: 120;
    --shadow: hsl(120 91% 98%);
    top: 8%;
    translate: unset;
    text-align: left;
    left: 37%;
}

.gallery-item-connect-the-dots-alphabet .gallery-item-preview-text,
.gallery-item-printouts .gallery-item-preview-text {
    --hue: 60;
    --shadow: hsl(60 66% 94% / 56%);
    translate: unset;
    color: #6f6f05;
    top: unset;
}

.gallery-item-connect-the-dots-alphabet .gallery-item-preview-text {
    bottom: 8%;
    text-align: left;
    left: 8%;
    font-size: .75em;
}

.gallery-item-connect-the-dots-special .gallery-item-preview-text {
    transform: rotate(345deg);
    top: 7%;
    translate: unset;
    left: 6%;
    width: unset;
    --shadow: hsl(310deg 100% 97% / 75%);
    font-style: italic;
}

.gallery-item-connect-the-dots-numbers-hard .gallery-item-preview-text {
    --hue: 0;
    --shadow: hsl(0 91% 98% / 75%);
    top: 21%;
    translate: unset;
    text-align: right;
    right: 4%;
}

.gallery-item-printouts .gallery-item-preview-text {
    bottom: 11%;
    text-align: right;
    right: 5%;
    font-size: .65em;
}

.gallery-item-halloween-special .gallery-item-preview-text {
    color: #252525;
    --shadow: transparent;
    font-family: Creepster;
    font-weight:normal;
    letter-spacing: 0;
}

.gallery-item-christmas-special .gallery-item-preview {
    background: #009b02;
}

.gallery-item-christmas-special .gallery-item-preview-text {
    color: #ca0000;
    font-weight: 900;
    font-size: .8em;
    --shadow: rgb(255 241 241 / 8%)
}

/*# sourceMappingURL=index.66cccd51450ebb301995.css.map*/