@import url(https://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic);

html:before
{

    background:  #E1E3E0 url(https://peda.net/dev/theme/soini/style/background-gif:file/download/);
    color: #000;
    border-bottom: solid 0.25rem /*#0068b3*/ #87381F;
}

html { --bannerimage: url(https://peda.net/dev/theme/soini/style/s:file/download/); --bannerheight: minmax(max(20rem,25vh), auto); --bannerbackgroundsize: auto; --bannerbackgroundposition: 0% 0%; }

html { --bannerimage: url(https://peda.net/dev/theme/soini/style/s:file/download/); --bannerheight: minmax(max(14rem,18vh), auto); }

body > header > .banner { background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.8) 10rem, rgba(255,255,255,0.5) 15rem, rgba(255,255,255,0) 25rem), url(https://peda.net/dev/theme/soini/style/s:file/download/); }

html { --bannerbackgroundposition: 30% 80%; }

html { --bannerbackgroundsize: cover; }

.banner
{
 background: url(https://peda.net/dev/theme/soini/style/s:file/download/) no-repeat #fff;
/* background-image: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.8) 10rem, rgba(255,255,255,0.5) 15rem, rgba(255,255,255,0) 25rem), url(https://peda.net/dev/theme/soini/style/s:file/download/);*/
 background-position: 30% 80%;
 background-size: cover;
border-bottom: solid 0.1rem #000;
}


/*
.banner > .path,
header .path a,
header h1.toplevel a
{
 color: #fff;
/*color: #F08F47;*/
 /*text-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff;*/
text-shadow: 0 0 0.2rem rgba(255,255,255,0.25);
}
*/ 

/*Sivun otsakkeen ylä ja alapuolisten linkien väri ja efekti hoverina*/
header .path .pathitem a:hover,
header .path .pathitem a:active,
header h1.toplevel a:hover,
header h1.toplevel a:active
{
 /*color: #5f626a;*/
 color: #fff;
 text-shadow: 0 0 0 0.2rem rgba(0,0,0,1);
}

/* 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: 700;
text-transform: uppercase;
/* font-variant: small-caps; */
}


/* Tällä määritellään sivun ikonin koko, kun käytössä on kaikki kolme otsikkoriviä*/

header h1.toplevel a.withsubtitle1.withsubtitle2 img
{
height: 3.0rem;
max-width: 3.0rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
margin-left: 0rem;
margin-right: 0.1rem;
background-color: transparent;
}


/* Sivun pääotsikon fontti ja väri jos aliotsikot käytössä*/

header h1.toplevel a.withsubtitle1.withsubtitle2
{
    /*color: #5f626a;*/
    color: #AC8B2E;
    font-family: 'Economica', 'Arial', sans-serif;
    font-size: 2.2rem;
    font-weight: bold;
    
}

/*Valkoinen palkki otsakkeen ja logon taustaksi

/*
header h1.toplevel a, header h1.toplevel a:hover {
    color: #006DA7;
    font-family: 'Economica', 'Arial', sans-serif;
    background-color: #fff;
    display: inline-block;
    padding: 0.2rem 0.6rem 0.2rem 0.4rem;
}
*/
*/

/*Murupolun tausta ja vari*/

nav.path .toplevel > .pathitem
{
	background: transparent;
	background: rgba(0,0,0,0.2);
	color: #fff;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

/* Murupolun linkkien vari otsikon jalkeen */ 


header .path .toplevel a
{
	/*color: #002D64;*/
color: #fff;
}

/*Murupolun viimeisen linkin vari*/

header h1.toplevel .pathitem.redundant a 
{
    /*color: #002D64;*/
    color: #fff;
}

/*Murupolun linkkien erottajan väri*/
nav.path .toplevel > .pathitem 
{
/*color:#002D64;*/
color: #fff;
}

/*Murupolun efekti*/

/*
header .path .pathitem a:hover, header .path .pathitem a:active, header h1.toplevel a:hover, header h1.toplevel a:active
{
    color: #000000;
	text-shadow: 0 0 0.2rem #FFFFFF, 0 0 0.3rem #FFFFFF, 0 0 0.4rem #FFFFFF;
}
*/

.content {
    font-family: 'Arial', sans-serif;
    line-height: 1.5;
}



/*navigoinnin muutos*/

nav.main nav.virtualsub li a,
nav.main nav.sub .service a {
    border: 0;
    border-left: 0.3rem solid #AC8B2E;
    /*box-shadow: 0 0 0 rgba(0, 0, 0, 0);*/
}

nav.main nav.virtualsub li a:hover,
nav.main nav.sub .service a:hover {
    background: #E1E1E1;
}



/* Moduulien ulkoasu */

article article > header h1 {
    padding-bottom: 0;
    font-family: 'Economica', 'Arial', sans-serif;
}

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

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 #87381F;
}

.comments article {
    border-top: 1px solid #87381F;
}

article.rssitem {
    border-top: 0;
}

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

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

/*Sivun otsikon vari*/

/*Moduuleiden otsikoiden vari*/

h2 a, h2 a:link, h2 a:visited
{
    /*color: #83B18A;*/
    color: #AC8B2E;
}

h1 a,
h1 a:link,
h1 a:visited {
    /*color: #5f626a;*/
    color: #AC8B2E;
    font-family: 'Economica', 'Arial', 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;
}