/* TAUSTAVÄRI */
html {
    background-color: #fff;
}
html.mobile {
    background-color: #d7eaf7;
}


/* KUVA */
html:not([data-taso="2"]).mobile {
	background: 
		url(../../taitto/kansi/images/kansi_4.png) center top 50px / auto calc(100% - 50px) no-repeat,
		url(../../taitto/kansi/images/kansi_3.png) left top 50px / auto calc(100% - 50px) no-repeat,
		url(../../taitto/kansi/images/kansi_2.png) right top 50px / auto calc(100% - 50px) no-repeat,
		url(../../taitto/kansi/images/kansi_1.jpg) center / cover no-repeat;
}
html:not([data-taso="2"]).mobile.portrait {
	background: 
		url(../../taitto/kansi/images/kansi_3.png) left top 50px / auto calc(100% - 50px) no-repeat,
		url(../../taitto/kansi/images/kansi_1.jpg) center / cover no-repeat;
}


/* footer-navigaatio pois index-sivulta */
html[data-indeksi="0|0"] #footer .navigaatio,
html[data-indeksi="1|0"] #footer .navigaatio,
html[data-indeksi^="2"] #footer .navigaatio,
html[data-indeksi="3|0"] #footer .navigaatio,
html[data-indeksi="4|0"] #footer .navigaatio,
html[data-indeksi="5|0"] #footer .navigaatio {
    visibility: hidden;
}


/* LOGO */
#header-logo {
    background-image: url(../../src/logo.png);
}
html.no-mobile #header-logo {
    background-size: auto 60%;
}
html.mobile #header-logo {
    background-size: auto 50%;
}


/* NAVIGAATIO */
.button.selected, .nav.selected {
    background-color: #2b7f31;
}


/* MURUPOLKU */
html.no-mobile #content-breadcrumb {
	display: none;
}
html.no-mobile.extra-breadcrumb #extra-breadcrumb {
	border-bottom: none;
    box-shadow: 0 0px 3px rgba(0,0,0,.2);
}