/*  Sinterklaas animation in the header
    ---------------------------------------------------------------------------------
*/

.holidayheader {
    float: right;
}
@media (max-width: 700px) {
    .holidayheader {
        display: none;
        float: none;
    }
}

.site_holidayheader {
    float: right;
    width: 70px;
    aspect-ratio: 60 / 85;
    background: url("./images/sinterklaas.gif") center / contain no-repeat;
    margin: 5px 25px 0 0;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.site_holidayheader:hover {
    transform: translateY(-8px);
}




/*  Halloween animation in the header
    ---------------------------------------------------------------------------------

.holidayheader {
    float: right;
}
@media (max-width: 700px) {
    .holidayheader {
        display: none;
        float: none;
    }
}

.site_holidayheader {
    float: right;
    width: 70px;
    aspect-ratio: 60 / 85;
    background: url("./images/halloween.gif") center / contain no-repeat;
    margin: 5px 25px 0 0;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.site_holidayheader:hover {
    transform: translateY(-8px);
}
*/




/*  Santa Claus walking in the header

.holidayheader {
    float: right;
}
@media (max-width: 700px) {
    .holidayheader {
        display: none;
        float: none;
    }
}

.site_holidayheader {
    float: right;
    width: 70px;
    aspect-ratio: 60 / 85;
    background: url("./images/santawalk.gif") center / contain no-repeat;
    margin: 35px 25px 0 0;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.site_holidayheader:hover {
    transform: translateY(-8px);
}

*/