@import url("https://use.typekit.net/gya1num.css");


/***/
#sivuvalikko {
	background-image: url(../kuvat/logo.png);
	background-size: auto 6em;
	background-position: center top .5em;
	padding-top: 8.25em;
}

html.sivuvalikko-kiinni #sivuvalikko-toggleB {
    background: #2896f9;
}
html.sivuvalikko-kiinni #sivuvalikko-toggleB::after {
	background-image: url(https://digikirjat.edukustannus.fi/aineistot/koodit/ope-2020/lib/Index/kuvat/napit/oikea-valkoinen.png);
}

#sivuvalikko-valikko > ol > li.vali-yla {
    margin-top: 1.2em;
    border-top-width: 0;
}


/***/
/*.valilehdet li span {
	border-color: transparent !important;
	border: none !important;
}
.valilehdet li span.valittu {
	background-color: #2987BD;
}*/


/***/
html:not(.sisaltoa) #ylapalkki-murupolku {
	visibility: hidden;
}


/*** TAUSTA ***/
html.no-mobile,
html.mobile:not(.sisaltoa) {
	background-color: #00B48D;
}
html.no-mobile {
	background: url(../kuvat/tausta.png) right center / cover no-repeat fixed;
}
html.no-mobile.sisaltoa {
	background: url(../kuvat/tausta_tyhja.png) right center / cover no-repeat fixed;
}
html.mobile:not(.sisaltoa) #sisaltoalue {
	background-image: url(../kuvat/tausta_mobiili.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

html.mobile:not(.sisaltoa) #copy {
	color: #fff;
}
html.mobile:not(.sisaltoa) #copy {
	color: #fff;
}

/***/
html.mobile #ylapalkki,
html.mobile[data-indeksi^="0"].sisaltoa #ylapalkki {
	background-color: #00B48D;
}
html.mobile[data-indeksi^="1"].sisaltoa #ylapalkki {
	background-color: #FF8E5F;
}
html.mobile[data-indeksi^="2"].sisaltoa #ylapalkki {
	background-color: #876EAA;
}
/*html.no-mobile #ylapalkki-murupolku .murupolku {
	padding: .2em .4em;
	background-color: #2987BD;
}*/
/*html.no-mobile .ylapalkki-nappi {
	background-color: #2987BD;
}
html.no-mobile .ylapalkki-nappi:hover {
	background-color: #005DA6;
}*/

html.no-mobile[data-indeksi^="0"] #ylapalkki-murupolku .murupolku/*,
html.mobile[data-indeksi^="0"] #ylapalkki-murupolku .murupolku*/ {
	padding: .2em .4em;
	background-color: #00B48D;
}
html.no-mobile[data-indeksi^="1"] #ylapalkki-murupolku .murupolku/*,
html.mobile[data-indeksi^="1"] #ylapalkki-murupolku .murupolku*/ {
	padding: .2em .4em;
	background-color: #FF8E5F;
}
html.no-mobile[data-indeksi^="2"] #ylapalkki-murupolku .murupolku/*,
html.mobile[data-indeksi^="2"] #ylapalkki-murupolku .murupolku*/ {
	padding: .2em .4em;
	background-color: #876EAA;
}

/***/
#sivuvalikko-toggleB,
html.sivuvalikko-kiinni #sivuvalikko-toggleB,
.nappi:not(.disabled):not(.selected),
.painike:not(.disabled):not(.selected) {
	color: #fff;
	background-color: #2987BD;
}
html.no-touch .nappi:not(.disabled):not(.selected):hover,
html.no-touch .painike:not(.disabled):not(.selected):hover {
	color: #fff;
	background-color: #005DA6;
}