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


/* Taustakuva koko sivulle */
html { --pagebackgroundimage: url(https://peda.net/haapavesi/makirinteenkoulu/c:file/download/65385a0d4970fa285f8589b60aab1f68d752b81d/cropped-kukkakuva1.jpg); }

html:before
{
background-image: url(https://peda.net/haapavesi/makirinteenkoulu/c:file/download/65385a0d4970fa285f8589b60aab1f68d752b81d/cropped-kukkakuva1.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) 10rem, rgba(27,28,28,0.5) 30rem);
}
header h1.toplevel
{
padding: 10vh 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.3); --bannerlinkbackground: transparent; }
body:before {grid-row: header-end / footer-end; margin-top: -8rem; } 

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

}

.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;

}



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