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


/* Taustakuva koko sivulle */
html { --pagebackgroundimage: url("https://peda.net/id/3af1fddceb3:file/download/48ae4b475835b3df65444ed022e7c19506d26917/tiiliseina_siistimpi.jpg"); }

html:before
{
background-image: url("https://peda.net/id/3af1fddceb3:file/download/48ae4b475835b3df65444ed022e7c19506d26917/tiiliseina_siistimpi.jpg");
background-position: 70% 60%;
}





/*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) 10rem, rgba(27,28,28,0.5) 30rem); } header h1.toplevel {
    padding: 7vh 0 17.5vh 0;

}
/*
.banner > .path, header .path a, header h1.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*/

html:before > 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;}
*/

html { --gapbeforeheader: 0; --bannerimage: none; --bannerbackground: rgba(0,0,0,0.6); --bannerlinkbackground: transparent; }
body:before {grid-row: header-end / footer-end; margin-top: -8rem; } 

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

}

.main.page, main {

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

}

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;

}

/*testausta*/
article article {
    border: 0;
    /*border-top: 5px solid #C7C9C8;*/
    border-top: 5px solid #C29A5B;
}

@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;}