/* Sivun sisällön taustakuva ja väri, muuta background koulujen värin mukaiseksi*/

body > main
{
    background:  #d7b39b;
    color: #000;
    border-bottom: solid 0.25em #0e86bb;
}

/*Peda.net ja henkilöt linkin taustavärin muutos*/
header nav.global .links > span a,
header nav.global input.s, header nav.global button
{
background: #0e86bb;
}


/* Sivun otsikkoalueen taustakuva otsikkoalueen ylämarginaali ja otsikkoalueen tekstin perusväri, urliin koulujen iso logo ja värikoodi koulun omaksi  */

header nav.path
{
	background: url("https://peda.net/dev/theme/lahti/myllypohja/myllypohja_logo-jpg:file/download/") no-repeat left top #d7b39b;
	padding-top: 0.5em;
	color: #0e86bb;
	/*border-bottom: solid 0.1em #000;*/
	box-shadow: 0.05em 0.05em 0.2em #999;
}

header nav.global
{
background: #0e86bb;
color: #fff;
}

/*Murupolun linkkien yleisväri*/ 
header .path a
{
color: #0e86bb;
}

/*Otsikkoalueen tekstin perusväri otsikosta alaspäin*/

header .path .toplevel
{
	color: #000;
}

/*Näkymätön otsikko, joka määrää otsikkorivin korkeuden*/

header .path .service.toplevel a, header .path .service.toplevel a:hover
{ 
margin: 0;
padding: 0;
height: 70px;
height: calc( 120px - 1.35em );
background: transparent;
}

/*Tällä poistetaan logo ja otsikon teksti näkyvistä*/

header .path .service.toplevel a span,
header .path .service.toplevel a img
{ 
	display: none;
}

/*Murupolun taustakuva*/

nav.path .toplevel > .pathitem
{
	background: #0e86bb;
	color: #fff;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}


/*Murupolun linkkien väri otsikon jälkeen*/ 


header .path .toplevel a
{
	color: #fff;
}

/*Murupolun viimeisen linkin väri*/

header .path .pathitem.toplevel .pathitem.redundant a 
{
    color: #fff;
}

/*Murupolun efekti*/

header .path .pathitem a:hover, header .path .pathitem a:active

{
	text-shadow: 0 0 0.2em #000000, 0 0 0.3em #ffffff, 0 0 0.4 #ffffff;
	color: #0169a6;
}



header .path .pathitem .toplevel a:hover, header .path .pathitem .toplevel a:active
{
color: #fff;
}

/*Sivun otsikon väri*/

h1 a, h1 a:link, h1 a:visited
{
    color: #000;
}

/*Moduuleiden otsikoiden väri*/

h2 a, h2 a:link, h2 a:visited
{
    color: #000;
}

/*Jos selain on 37em tai alle, niin käytetään lisäksi alla olevia tyylejä laita lahden leveys pikseleinä*/
/*Taustakuvan liuku alle 766 pikselin näytöllä sekä taustan väri, joka koulukohtainen*/

@media all and (max-width:766px)
{
	header nav.path
	{
		background: #d7b39b url("https://peda.net/dev/theme/lahti/style/logon_liuku_2-png:file/download/") repeat-y left;
	}
	
	header .path .service.toplevel a, header .path .service.toplevel a:hover
	{ 
		height: 70px;
	}
	
	header .path .service.toplevel a, header .path .service.toplevel a:hover
	{ 
		
		height: auto;
		margin-left: 2.5em;
		color: #636d76;
	
	}
	
	
	header .path .service.toplevel a span,
	header .path .service.toplevel a img
	{ 
		display: inline;
	}
	
}

@media all and (max-width: 30em)
{
	header .path .service.toplevel a, header .path .service.toplevel a:hover
	{
		margin-left: 1.2em;
		text-indent: -1.5em;
		font-size: 2.0em;
		display: block;
		padding: 0em 0.5em;
	}	

}