/* Denna css-fil skapades september 2020 då ett nytt sidhuvud samt sidfot skapades för sidor på www2.bibl.liu.se. */

@font-face {font-family: 'KorolevLiUMedium';src: url(/webfonts/KorolevLiU-Medium.otf)}
@font-face {font-family: 'Georgia';src: url(/webfonts/georgia.ttf)}
@font-face {font-family: 'KorolevLiULight';src: url(/webfonts/korolevliu-light.woff)}

html, body {height:100%;}
body{margin:0; font-family:Georgia; font-size: 1em; display:flex; flex-direction:column;}
body p, ul{line-height:1.5;}

h1 {font-family:KorolevLiULight; font-size:2rem;}
h2, h3 {font-family:KorolevLiUMedium;}

.mainContent{flex: 1 0 auto;}

/*Start - sidhuvud*/
#header-background {width: 100%; background-color: #000000; margin-bottom: 2em; height: 80px;}

#banner-image {margin: auto; background-color: black; padding-left: 2em; height: inherit; text-align: left;}
.topImage {margin-left: auto; margin-right: auto; height: 95%;}

/*Slut - Design av sidhuvud*/

/* Hantering av sidhuvud samt huvudinnehåll vid olika upplösningar */

@media screen and (min-width: 1200px) {
.mainContent{width:60%; margin:auto;}
#banner-image {width: 1200px;}
}

@media screen and (max-width: 320px) {
    #banner-image {width: 100%;}
}

/*Slut - sidhuvud*/

/*Start - sidfot*/

footer {width:100%; font-family: Georgia; background-color:#000; color: #fff; font-size: 1em; flex-shrink: 0;}
.gridContent {display:grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); background-color:#000; color:#fff;}
.footerFirstRow {padding-bottom:1em; color:#000; background-color:#fff; margin-bottom:1em;}
.footerContainer {max-width: 1200px; margin-left:auto; margin-right:auto; padding-bottom:2em;}
.footerFirstRow a {color:#000;}
.liblink {display:block;}
footer a {color:#fff; text-decoration:none; font-weight:normal;}
footer a:hover{color:#fff; text-decoration:underline;}
.linkwithspace {margin-left:0.5em;}
footer h3{font-family: KorolevLiUMedium; font-weight: 400;}

/* Mobilvy */
@media screen and (max-width:767px) {
.mainContent{padding:1rem;}
.gridContent {justify-items: left; line-height:1.5; padding:2em;}
.footerFirstRow {padding-left: 1em;}
footer span {display:block;}
}


/*Tablets*/
@media screen and (min-width: 768px) and (max-width: 1024px){
.mainContent{padding:1rem;}
.gridContent {justify-items: center; line-height: 1.5; }
.footerFirstRow {padding-left: 20%;}
}

/* Desktopvy */
@media screen and (min-width:768px) {
footer {bottom:0; margin-top:5rem;}
.gridContent {justify-items:center; line-height:1.5; padding: 0;}
.footerFirstRow {padding-left: 20%;}
}

/*Slut - sidfot*/