/* Background slideshow — swk webmail login */
html.task-login,
body.task-login {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    animation: bgSlideshow 80s steps(1) infinite;
}

@keyframes bgSlideshow {
    0%   { background-image: url('../images/backgrounds/DSC_0192.jpg'); }
    10%  { background-image: url('../images/backgrounds/IMG_2303.jpg'); }
    20%  { background-image: url('../images/backgrounds/IMG_2333.jpg'); }
    30%  { background-image: url('../images/backgrounds/IMG_2352.jpg'); }
    40%  { background-image: url('../images/backgrounds/IMG_6687.jpg'); }
    50%  { background-image: url('../images/backgrounds/IMG_6807.jpg'); }
    60%  { background-image: url('../images/backgrounds/IMG_6822.jpg'); }
    70%  { background-image: url('../images/backgrounds/IMG_7215.jpg'); }
    80%  { background-image: url('../images/backgrounds/IMG_7670.jpg'); }
    90%  { background-image: url('../images/backgrounds/IMG_8217.jpg'); }
}

/* Keep login form readable over photo backgrounds */
.task-login #login-form {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Larger logo on login page */
.task-login #logo {
    height: 160px !important;
    width: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5)) !important;
}