h1.maincontent {

font-size: 160%;
}


main > article > header h1 {
    color: var(--linkcolor);
font-size: 150%; 
font-weight: bold;
}

article.document + article.document {
    margin-top: var(--gap);
    border-top: none var(--linkcolor) var(--hairlinewidth);
    padding-top: var(--gap);


}



/* Sivun sisallon taustakuva ja vari */

/* body

*/

/* Sivun sisallon taustakuva ja vari, muuta background koulujen varin mukaiseksi*/


div.banner h1 a, h1 a:link, h1 a:visited
{
    color: #FFF;
}

main article {background-color:#fff; color: #000;}


main > article.systemrootpage > header, main > article.systemmodulepage > header, article, .formmodule dl.forms dt {color:#0099D7; background: #fff;}

html:before
{

    background:  #FAFAFA;
    color: #000;
    border-bottom: solid 0.25rem #0e86bb;
}

/*Peda.net ja henkilot linkin taustavarin 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 otsikon taustakuva*/

html { --bannerimage: url("https://peda.net/p/jthyvama/testi/gdrg/sven-ykoulu-logo-vaaka-rgb-4-vari-1900x400-4.png2:file/download/f5ac0616095d0c229e086de80a73b9a0ad4129ae/sven_ykoulu_logo_vaaka_rgb_4-vari_1900x400_4.png"); --bannerheight: minmax(max(20rem,25vh), auto); --bannerbackgroundsize: auto; --bannerbackgroundposition: 0% 0%; }

html { --bannerimage: url("https://peda.net/p/jthyvama/testi/gdrg/sven-ykoulu-logo-vaaka-rgb-4-vari-1900x400-4.png2:file/download/f5ac0616095d0c229e086de80a73b9a0ad4129ae/sven_ykoulu_logo_vaaka_rgb_4-vari_1900x400_4.png"); --bannerheight: minmax(max(14rem,18vh), auto); }

.banner
{
	background: url("https://peda.net/p/jthyvama/testi/gdrg/sven-ykoulu-logo-vaaka-rgb-4-vari-1900x400-4.png2:file/download/f5ac0616095d0c229e086de80a73b9a0ad4129ae/sven_ykoulu_logo_vaaka_rgb_4-vari_1900x400_4.png") no-repeat left top #fff; height: 300px; 

}

body header a
{
	color: #fff;
}

/*ylapalkin taustavarin muutos seka perusvari tekstille*/

header nav.global
{
	background: transparent;
	background: rgba(0,0,0,0.2);
	color: #fff;
        
}


/* Sivun otsikkoalueen taustakuva otsikkoalueen ylamarginaali ja otsikkoalueen tekstin perusvari */

header nav.path
{
        background: transparent;
	padding-top: 0.6rem;
	color: #fff;
	box-shadow: 0.05rem 0.05rem 0.2rem #999;

}


/*Otsikkoalueen tekstin perusvari otsikosta alaspain*/

header .path .toplevel
{
	color: #fff;

}

/* Tällä piilotettu headerin tekstit */

h1.toplevel.service
{
display: none !important;
}


/*Nakymaton otsikko, joka maaraa otsikkorivin korkeuden*/

/*
header h1.toplevel a, header h1.toplevel a:hover
{ 
margin: 0;
padding: 0;
/*height: 120px;*/
width: 100%;
background: transparent;
}
*/

/*Talla poistetaan logo ja otsikon teksti nakyvista*/


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



/*Murupolun taustakuva 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 yleisvari*/ 

header .path a
{
	color: #fff;
}

/*Murupolun linkkien vari otsikon jalkeen*/ 


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

/*Murupolun viimeisen linkin vari*/

header h1.toplevel .pathitem.redundant a 
{
    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;
}
*/

/*Sivun otsikon vari*/

h1 a, h1 a:link, h1 a:visited
{
    color: #00467C;
}

/*Moduuleiden otsikoiden vari*/

h2 a, h2 a:link, h2 a:visited
{
    color: #00467C;
}




/* Tällä määritellään sivun otsikolle heittovarjo ja rajoitetaan sen rivittymistä */

/*
header h1.toplevel a, header h1.toplevel a:hover
{
  text-shadow: 0rem 0rem 0.2rem rgba(0,0,0,0.6);
  /* white-space: nowrap; */
}
*/

/* Tällä määritellään että sivun otsikko rivitetään kuitenkin, jos sivun leveys on vähemmän kuin 50rem */

@media all and (max-width:50rem)
{
  /*
header h1.toplevel a, header h1.toplevel a:hover
  {
    /* white-space: normal; */
  }
*/
}

/* Tällä määritellään sivun ikonin koko */

header h1.toplevel a.withsubtitle1.withsubtitle2 img
{
height: 3.5rem;
max-width: 3.5rem;
padding-top: 0.1rem;
padding-bottom: 0.3rem;
margin-left: 0.5rem;
}

/* Tällä määritellään sivun ikonin koko silloin kun käytössä on vain sivun perusotsikko */


header h1.toplevel a img
{
height: 2.8rem;
max-width: 2.8rem;
}

/* 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ä kätketään ikoni ja määritellään marginaali otsikkotekstien alkuun */


header h1.toplevel a img
{
margin-right: 0.5rem;
/* visibility: hidden; */
}



/* Tällä laitetaan otsikkotekstien eteen lisää marginaalia ihan pienillä näytöillä */

@media all and (max-width:30rem)
{
	header .path .toplevel .service.toplevel
	{
		padding-left: 0.5rem;
	}
}