/*------HEADER-OSIEN CSS-MUOTOILUT------*/
/* Tämä tiedosto sisältää header-osien CSS-muotoilut. Sivustolla käytetään vaihtelevia subheader-muotoiluja ja taustakuvia artikkeleissa, kategorioissa ja mahdollisissa avainsanoissa. Tässä tiedostossa on asetettu taustakuvat kohteiden mukaisesti. Kuvat ovat WP mediakirjastossa.*/

/*--------Taksonomiasivujen asemointia--------*/
.category-page {
    position: absolute; /* Asetetaan absoluuttinen sijainti, jolloin sivun sisältö asettuu headerin alle. */
    width: 100%;
}
.category-description {
    padding: 3rem 3% 2rem 3%;
    background-color: #e0e0e0;
}
.category-posts-wrapper {
    padding: 2rem 0;
}
/* KATEGORIAT - ELI KURSSIT JA NIIDEN ETUSIVUT */
.cat-digitaidot .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/digitaidot-bg.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-wordpress-teema .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/header-oma-wp-teema.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-kotisivut-wordpress .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/kotisivut-wordpress.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-kuvankasittely .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/photohop-headerbg.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-taulukkolaskenta .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/taulukkolaskenta-headerbg.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-tekstinkasittely .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/tekstinkasittely.headerbg.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-ai-tietoturva .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/ai-tietoturva.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
.cat-digitaidoista-virtaa-wp .entry-header {
    display: flex;
    background-image: url(https://kurssit2025.aurinkoverkko.fi/wp-content/uploads/wordpress-virtaa.webp);
    background-size: cover;
    background-position: center;
    justify-content: center;
}