/* Tuodaan fontti käytettäväksi */
@import url(https://fonts.googleapis.com/css?family=Ubuntu);


/* Taustakuva koko sivulle */
html:before
{
background-image: url(https://peda.net/dev/urok/koulutus-kuopio/k:file/download/288db3c9b1dd71f5cedcc7bf3bdbfe4867045593/kuopio-2409276_1920.jpg);
background-position: cover;
}





/*Yläpalkin navigaation viilausta ja bannerin kuvien piilotus*/

header nav.global
{
background: transparent;
background-image: linear-gradient(to right, rgba(16,23,32,0.7) 10em, rgba(27,28,28,0.5) 30em);
}
header .path .service.toplevel
{
padding: 10vh 0 17.5vh 0;

}
body > header > .path, header .path a, header .path .service.toplevel a
{
opacity:1;
}
header nav.global nav.sessioncontrol {
background:transparent;
color:#fff;
}

header nav.global nav.sessioncontrol a,
header nav.global nav.sessioncontrol a:link,
header nav.global nav.sessioncontrol a:visited
{
color:#fff;
}

/*Muutetaan fontteja*/

body > main > article > header
{
font-family:"Ubuntu", "Open Sans", "Arimo", "Proxima Nova", "Avenir", "Segoe UI", "Calibri", "Noto Sans", "Lato", "Droid Sans", "Frutiger", "Liberation Sans", "DejaVu Sans", "Roboto", "FreeSans", "Trebuchet MS", sans-serif;
}
h1{
font-family: "Ubuntu", "Open Sans", "Arimo", "Proxima Nova", "Avenir", "Segoe UI", "Calibri", "Noto Sans", "Lato", "Droid Sans", "Frutiger", "Liberation Sans", "DejaVu Sans", "Roboto", "FreeSans", "Trebuchet MS", sans-serif;
}

header nav.global
{
font-family:"Ubuntu", "Open Sans", "Arimo", "Proxima Nova", "Avenir", "Segoe UI", "Calibri", "Noto Sans", "Lato", "Droid Sans", "Frutiger", "Liberation Sans", "DejaVu Sans", "Roboto", "FreeSans", "Trebuchet MS", sans-serif;
}
body, textarea, input
{
font-family:"Ubuntu", "Open Sans", "Arimo", "Proxima Nova", "Avenir", "Segoe UI", "Calibri", "Noto Sans", "Lato", "Droid Sans", "Frutiger", "Liberation Sans", "DejaVu Sans", "Roboto", "FreeSans", "Trebuchet MS", sans-serif;
}


/*hunnun piilotus*/
/*
.banner h1 a {background:transparent;}
*/

.banner{
background:rgba(0,0,0,0.3);

}

.main.page, main {

max-width:100vw;
padding-right:0em;

}

body{padding:0;

}

main.page,main, h1.toplevel.service{max-width:95rem;
margin:auto;
width:90%;
box-sizing:border-box;

}

main.page, main{margin-top:-17.5vh;
}

img.inline.mugshot{display:none}


article.enclose.systemperson.page.profile:nth-of-type(1)
{

max-width:60rem;

}

article.enclose.systemperson.page.profile:nth-of-type(n+2)
{

max-width:40rem;

}



@media all and (max-width:42rem)
{
main, main.page {
margin-top:-10vh;}
}

div.messages {position:relative;}

.banner h1.toplevel a {color:rgba(255,255,255,0.9);}

h1.toplevel a {background:transparent;
padding-left:0rem;}

h1.toplevel a img {height:5.8rem;

}

footer.page a,
footer.page a:visited,
footer.page a:hover,
footer .start span.backtotop a,
footer.page a:link {
color:rgba(255,255,255,0.9);
}

footer.page {
background:rgba(0,0,0,0.1);
color:rgba(255,255,255,0.9);
}




footer.page .logo, footer.page div.license, footer.page .start span.backtotop {display:none;}

main > article.systemrootpage > header, main > article.systemmodulepage > header, nav.sub > .sitemap, nav.sub div.actions, article.wrapper.titleonly > header, article.document {
border-radius:1rem;
border:0.04rem solid #111111;
box-shadow:none;
}