/* VÄLIMUISTITETTU */
/* GENEROITU 08.07.26 13:16 */

:root {
    --musta: #1e2126;
    --valkoinen: #fbf8ff;
    --paavari: #948bb6;
    --lisavari: #9c8cff;
    --alapalkki: #000;
    --teksti: #1e2126;
    --footnote: #3c5a6e;
    --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: #ffffff;
    font-family: "Pliant", sans-serif;;
	font-size: 20px;
    font-weight: 300;
}

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

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


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

h2 {
	font-size: 2.75rem;
}

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.5rem;
    }

    h3 {
        font-size: 1.25rem;
    }

    h4 {
        font-size: 1.15rem;
    }

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

.alapalkki_yla {
	color: #fbf8ff}

.alapalkki_yla a {
	color: #fbf8ff}

.alapalkki_yla a:hover {
	color: #fbf8ff}

.alapalkki_ala {
	color: #fbf8ff}

.alapalkki_ala a {
	color: #fbf8ff}

.alapalkki_ala a:hover {
	color: #fbf8ff}

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

/* SIVUSTON ASETUKSET: OMA CSS */
.menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  width: 15px;
  margin-left: 10px;
  background: url('data:image/svg+xml,<svg id="Group_125" data-name="Group 125" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.489" height="7.868" viewBox="0 0 13.489 7.868"><defs><clipPath id="clip-path"><rect id="Rectangle_95" data-name="Rectangle 95" width="13.489" height="7.868" fill="%23000000"/></clipPath></defs><g id="Group_124" data-name="Group 124" clip-path="url(%23clip-path)"><path id="Path_180" data-name="Path 180" d="M6.744,7.868a1.119,1.119,0,0,1-.795-.329L.329,1.919A1.124,1.124,0,0,1,1.919.329L6.744,5.156,11.57.33A1.124,1.124,0,1,1,13.159,1.92L7.539,7.54a1.121,1.121,0,0,1-.8.328" fill="%231e2126"/></g></svg>');
  height: 13px;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.alasivu .menu-item-has-children > a::after {
  background: url('data:image/svg+xml,<svg id="Group_125" data-name="Group 125" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.489" height="7.868" viewBox="0 0 13.489 7.868"><defs><clipPath id="clip-path"><rect id="Rectangle_95" data-name="Rectangle 95" width="13.489" height="7.868" fill="%23000000"/></clipPath></defs><g id="Group_124" data-name="Group 124" clip-path="url(%23clip-path)"><path id="Path_180" data-name="Path 180" d="M6.744,7.868a1.119,1.119,0,0,1-.795-.329L.329,1.919A1.124,1.124,0,0,1,1.919.329L6.744,5.156,11.57.33A1.124,1.124,0,1,1,13.159,1.92L7.539,7.54a1.121,1.121,0,0,1-.8.328" fill="%23FFFFFF"/></g></svg>');
}