/* VÄLIMUISTIA EI LÖYTYNYT */
/* GENEROITU 22.03.26 15:27 */

:root {
    --musta: #000;
    --valkoinen: #FFF;
    --paavari: #000;
    --lisavari: #8ee041;
    --alapalkki: #2f4858;
    --teksti: #ffffff;
    --footnote: #0b2735;
    --rajoittaja: 1720px;
    --rajoittajakapea: 1330px;
    --fonttikoko: 20px;
    --turva: 20px;
    --isoturva: 70px;
    --logo: 162px;
}

@media screen and (max-width: 1500px) {
    :root {
        --fonttikoko: 18px;
        --turva: 15px;
    }
}

@media screen and (max-width: 1300px) {
    :root {
        --fonttikoko: 16px;
    }
}


body {
    background-color: #000000;
    font-family: "Host Grotesk", sans-serif;;
	font-size: 20px;
    font-weight: 300;
}

input,
textarea {
    font-family: "Host Grotesk", sans-serif;;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
.widget-title,
#main_logo > a {
    font-family: "Host Grotesk", sans-serif;;
    font-weight: 600;
}


/* FONTTIKOOT START */
h1 {
	font-size: 3rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1rem;
}

@media screen and (max-width: 1000px) {
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1rem;
    }
}
/* FONTTIKOOT END */

.alapalkki_yla {
	color: #FFF}

.alapalkki_yla a {
	color: #8ee041}

.alapalkki_yla a:hover {
	color: #57a31d}

.alapalkki_ala {
	color: #FFF}

.alapalkki_ala a {
	color: #FFF}

.alapalkki_ala a:hover {
	color: #FFF}

.rivi ul li {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.736" height="15.172" viewBox="0 0 20.736 15.172"><path id="Path_231" data-name="Path 231" d="M29.054,11.4a1.742,1.742,0,0,1,0,2.464L17.367,25.55a1.743,1.743,0,0,1-2.464,0L9.339,19.985A1.742,1.742,0,1,1,11.8,17.522l4.332,4.332L26.59,11.4a1.743,1.743,0,0,1,2.464,0Z" transform="translate(-8.829 -10.887)" fill="%238ee041"/></svg>');
}

/* SIVUSTON ASETUKSET: OMA CSS */