@import url('https://fonts.googleapis.com/css?family=Della+Respira|Josefin+Slab');

/* Koko sivun liukuväri*/
html { --pagebackgroundimage: url("https://peda.net/lohja/peruskoulut/yhtenaiskoulut/nyk/yll%C3%A4pito/taustakuvat/5:file/download/8549b224326fa3fe457e0ac132cc5ac26a2f24ac/5_k%C3%A4%C3%A4nnetty_tummempi.jpg"); }

html:before
{
  background: #FFFFFF;
  background-image: url("https://peda.net/lohja/peruskoulut/yhtenaiskoulut/nyk/yll%C3%A4pito/taustakuvat/5:file/download/8549b224326fa3fe457e0ac132cc5ac26a2f24ac/5_k%C3%A4%C3%A4nnetty_tummempi.jpg");
  color: #525851;
  border-bottom: solid 0.25rem #000;
}


/*BanneriTAUSTA*/
html { --bannerimage: url("https://peda.net/lohja/peruskoulut/yhtenaiskoulut/nyk/yll%C3%A4pito/taustakuvat/u8:file/download/f7b74445f461384dfcf1a1e42281d59d588b8acc/uusi_matalampi_cropattu_button_1400_uusi_keskell%C3%A4_teksti.jpg"); --bannerheight: minmax(max(20rem,25vh), auto); --bannerbackgroundsize: auto; --bannerbackgroundposition: 0% 0%; }

html { --bannerimage: url("https://peda.net/lohja/peruskoulut/yhtenaiskoulut/nyk/yll%C3%A4pito/taustakuvat/u8:file/download/f7b74445f461384dfcf1a1e42281d59d588b8acc/uusi_matalampi_cropattu_button_1400_uusi_keskell%C3%A4_teksti.jpg"); --bannerheight: minmax(max(14rem,18vh), auto); }

.banner
{
background: url("https://peda.net/lohja/peruskoulut/yhtenaiskoulut/nyk/yll%C3%A4pito/taustakuvat/u8:file/download/f7b74445f461384dfcf1a1e42281d59d588b8acc/uusi_matalampi_cropattu_button_1400_uusi_keskell%C3%A4_teksti.jpg") no-repeat center top #fff;
border-bottom: solid 0.0rem #525851;
}


/*Sivun ja moduulien otsikoiden koko ja väri*/

h1 a, h1 a:link, h1 a:visited
{
    font-family: 'Della Respira'; 
    color: #00467C;
    font-size: 1.60rem;
    font-weight: bold;
}




/* vasemman palkin fontti, asetusten fontti */
html:before > article > header {
font-family: 'Della Respira';
}
h1{
color: #000;
font-family: 'Della Respira', serif;
font-weight: bold;
}

header nav.global {
color: #000;
font-family: 'Della Respira';
font-weight: bold;
}
body, textarea, input {
color: #000;
font-family: 'Della Respira';
font-size: 1.10rem;
}





/* Moduulien ulkoasu */

article article > header h1 {
    padding-bottom: 0;
    font-family: 'Della Respira', sans-serif;
font-size: 1.4rem;
}

article article {
    border: 0;
    border-top: 5px solid #525851;
}

div.framelessimage {
}



article article > header ul.actions,
article article.document > header ul.actions {
    margin-bottom: 1rem;
    margin-top: 1rem;
    background: #eee;
}

article.module, article.learningresource {
    background: #fff;
    color: #000;
}

article .content.enclose a {
    color: #83B18A !important;
    text-decoration: underline;
}

article article article {
    /*box-shadow: none;*/
    border-top: 2px solid #0068b3;
}

.comments article {
    border-top: 1px solid #0068b3;
}

article.rssitem {
    border-top: 0;
}

article.rssitem > main {
    padding-left: 0rem;
    padding-right: 0rem;
}

article article article h1 {
    font-size: 1.50rem;
}

header h1.toplevel a span
{
visibility: hidden;
}



/*Sivun otsikon vari*/

/*Moduuleiden otsikoiden vari*/

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

h1 a,
h1 a:link,
h1 a:visited {
    /*color: #000;*/
    color: #000;
    font-family: 'Della Respira', sans-serif;
    font-weight: bold;
}



/*Sivun banneriotsikon efekti*/
header h1.toplevel a span span {
text-shadow: 0 0 0.2rem #fff, 0 0 0.1rem #fff, 0 0 0.1rem #fff, 0 0 0.1rem #fff, 0 0 0.1rem #fff;
    /*text-shadow: 0px 0px 0.2rem #FFF, 0px 0px 0.3rem #FFF, 0px 0px 0.4rem #FFF;*/
}


header h1.toplevel a.withsubtitle1.withsubtitle2 {
    text-shadow: 0px 0px 0.2rem #FFF, 0px 0px 0.3rem #FFF, 0px 0px 0.4rem #FFF;
}



/*Tyhja murupolku*/
header h1.toplevel > .pathitem.placeholder, header h1.toplevel > .pathitem.redundant {
min-height: 0rem;
padding: 0;
}





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




/* Sivun otsikkoalueen taustakuva otsikkoalueen ylämarginaali ja otsikkoalueen tekstin perusväri */

header nav.path
{
	background: transparent;
	padding-top: 0.5rem;
	color: #000;
}



/*ylapalkin taustavarin muutos seka perusvari tekstille*/
header nav.global
{
background: solid;
background: rgba(0,0,0,0.2);
color: #000;
}



/* Tällä määritellään että otsikossa koulun nimi näkyy isoilla kirjaimilla, vaikka palvelun tiedoissa nimi kirjoitetaan normaalisti */


header h1.toplevel a span span
{
font-weight: 1800;
text-transform: uppercase;
/* font-variant: small-caps; */
}



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



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

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



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

/*
header h1.toplevel a, header h1.toplevel a:hover
{ 

background: transparent;
}
*/



/*Murupolun taustavari*/

nav.path .toplevel > .pathitem
{
	background: transparent;
	color: #FFF;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}



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

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



/*Murupolun viimeisen linkin väri*/

header h1.toplevel .pathitem.redundant a 
{
    color: #FFF;
}



/*Murupolun efekti*/

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

{
	text-shadow: 0 0 0.4rem #000000, 0 0 0.3rem #000000, 0 0 0.4 #000000;
	color: #FFF;
}