/* GENEROITU 06.06.26 14:48 */

:root {
    --musta: #000;
    --valkoinen: #FFF;
    --paavari: #000;
    --lisavari: #643b47;
    --alapalkki: #000;
    --teksti: #000;
    --footnote: #000;
    --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: #FFF;
    font-family: "DM Sans", sans-serif;;
	font-size: 20px;
    font-weight: 300;
}

input,
textarea {
    font-family: "DM Sans", sans-serif;;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
.widget-title,
#main_logo > a {
    font-family: "DM Sans", 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: #FFF}

.alapalkki_yla a:hover {
	color: #FFF}

.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="%23000"/></svg>');
}

/* SIVUSTON ASETUKSET: OMA CSS */
.rivi.lisavari 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="%23FFF"/></svg>');
}

@media screen and (min-width: 801px) {
	.rivi .valigntop .solu_6:nth-of-type(3) ul li, .rivi .valigntop .solu_6:nth-of-type(4) ul li, .rivi .valigntop .solu_6:nth-of-type(7) 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="%23FFF"/></svg>');
	}
}

.rivi.lisavari {
  color: var(--valkoinen);
}

.sarakekuva {
  border-radius: 35px;
}

.paavari a.nappula {
  background: #643B47 !important;
	color: var(--valkoinen) !important;
}

.paavari a.nappula:hover {
  background: #FFF !important;
	color: var(--musta) !important;
}

b, strong {
	font-weight: bold;
}

@media screen and (min-width: 801px) {
	.flex.valigntop {
		align-items: stretch;
	}
	.flex.valigntop > .solu6:nth-of-type(2n + 1) {
		background: var(--lisavari);
	}
	.valigntop .solu_6:nth-of-type(3), .valigntop .solu_6:nth-of-type(4), .valigntop .solu_6:nth-of-type(7) {
		background: var(--lisavari);
		color: var(--valkoinen);
	}
	.rivi .valigntop .solu_12 {
		margin-bottom: 2rem;
	}
}