@font-face
{
font-family: "Source Serif";
src: url("https://hls.journal.fi/public/sls/fonts/SourceSerifPro-Regular.otf") format("opentype");
font-style: normal;
font-weight: normal;
}
@font-face
{
font-family: "Source Serif";
src: url("https://hls.journal.fi/public/sls/fonts/SourceSerifPro-It.otf") format("opentype");
font-style: italic;
font-weight: normal;
}
@font-face
{
font-family: "Source Serif";
src: url("https://hls.journal.fi/public/sls/fonts/SourceSerifPro-Semibold.otf") format("opentype");
font-style: normal;
font-weight: 600;
}
@font-face
{
font-family: "Source Serif";
src: url("https://hls.journal.fi/public/sls/fonts/SourceSerifPro-SemiboldIt.otf") format("opentype");
font-style: italic;
font-weight: 600;
}
*{
	box-sizing: border-box;
}
/* färger */
:root {
	--brown: #B68E54; /* mörkare variant av SLS-brun, för större kontrast (3:1) */
	--brown-sls: #B9975B; /* SLS-brun */
	--blue: #4F7D8C; /* mörkare variant av SLS-blå #538494, för större kontrast (4.52:1) */
	--green: #364930; /* SLS-mörkgrön */
	--pink: #E8CDE3; /*rosa SLS*/
	--transparent-grey: rgba(199, 193, 186, 0.1); /* transparent SLS-grå, bakgrund i blockcitat */
	--dark-grey: rgb(90, 90, 90); /* används för text i blockcitat */
}
/* sidbrytningar i HLS */
[role=doc-pagebreak] {
display: none;
}
body.pkp_page_article.pkp_op_view:not(.has_site_logo) {
background-color: rgb(243, 241, 234); /*hexvärde: #f3f1ea;*/
}
/* brödtext */
#sls-wrapper {
font-size: 17px;
font-family: 'Muli', sans-serif;
}
#sls-wrapper p {
line-height: 1.5;
text-indent: 1.2em;
margin: 0;
position: relative;
}
#sls-wrapper p.author, #sls-wrapper h1 + p, #sls-wrapper h2 + p, #sls-wrapper h3 + p, #sls-wrapper h4 + p, #sls-wrapper blockquote + p, #sls-wrapper .epigraph-ref + p, #sls-wrapper ul + p, #sls-wrapper hr + p, #sls-wrapper blockquote > p:first-child, #sls-wrapper p.asterisk + p, #sls-wrapper table + p {
text-indent: 0;
}
#sls-wrapper blockquote + p {
	margin-top: 1.5em;
}
#sls-wrapper section > p:first-child {
	margin-top: 0.5em;
	text-indent: 0;
}
/* författarpresentationer */
#sls-wrapper .contributors p {
	text-indent: 0;
	margin-top: 1em;
}

#sls-wrapper ul li, #sls-wrapper ol li {
	line-height: 1.5em;
}

/*länkar*/
#sls-wrapper a {
	color: var(--blue);
	text-decoration: underline;
}
#sls-wrapper a:hover {
	opacity: 0.75;
}

/*styckenumrering*/
#sls-wrapper article.fom {
	counter-reset: p;
}
#sls-wrapper article.fom section p::before {
	counter-increment: p;
	content: counter(p);
	position: absolute;
	margin-left: -2.5rem;
	text-indent: 0;
	color: var(--brown);
	font-size: 0.8rem;
}
/*större negativt indrag på siffran ifall stycket har indrag på första raden */
#sls-wrapper article.fom p + p::before, #sls-wrapper article.fom figure + p::before  {
	margin-left: -3.7rem;
}
/*större negativt indrag på siffran ifall stycket är en del av blockcitat */
#sls-wrapper article.fom blockquote p::before {
	margin-left: -4.1rem;
}
/* mindre indrag om stycket saknar indrag */
#sls-wrapper article.fom section p.no-indent::before {
	margin-left: -2.5rem;
}
#sls-wrapper article.fom blockquote::before {
	margin-left: -4rem;
}
/* dölj styckenumrering i förord, litteraturförteckning och författarpresentationer */
#sls-wrapper section.bibliography p::before, #sls-wrapper article.preface p::before, #sls-wrapper article.contributors p::before {
	display: none;
}
/* rubriker */
#sls-wrapper h1, #sls-wrapper h2, #sls-wrapper h3, #sls-wrapper h4, #sls-wrapper .author, #sls-wrapper .subtitle {
	font-family: 'Source Serif', serif;
	color: var(--green);
}
#sls-wrapper .author, #sls-wrapper .subtitle {
font-weight: 400;
font-size: 110%;
}
#sls-wrapper h1.title {
font-weight: 600;
font-size: 1.7em;
line-height: 1.2;
margin-top: 0.9em;
margin-bottom: 0.9em;
color: var(--brown);
}
/* om undertitel saknas: */
#sls-wrapper h1:last-child {
	margin-bottom: 0.3em;
}
#sls-wrapper .subtitle {
font-style: italic;
}
/* kursiverade ord i undertitel: */
#sls-wrapper .subtitle .italic {
	font-style: normal;
}
#sls-wrapper h2 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.35em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#sls-wrapper h3 {
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.35em;
	margin-top: 1em;
	margin-bottom: 0.33em;
}
#sls-wrapper h3 .italic {
	font-style: normal;
}
#sls-wrapper h4 {
	font-weight: 600;
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 0.33em;
}
/* desktop-vy för rubriker */
@media (min-width: 650px) {
	#sls-wrapper h1.title {
		font-size: 1.95em;
	}
	#sls-wrapper .author, #sls-wrapper .subtitle {
	font-size: 115%;
	}
	#sls-wrapper h2 {
		margin-top: 0.8rem;
	}
}

/* listor (se även under litteraturförteckning) */
#sls-wrapper ul, #sls-wrapper ol {
	font-size: 1em;
	line-height: 1.4em;
}
#sls-wrapper ul.no-marker {
	list-style-type: none;
	padding-left: 1.2em;
}
#sls-wrapper ul.no-marker li {
	margin-bottom: 0.5em;
}

/* citat */
#sls-wrapper blockquote {
	font-size: 0.9em;
	color: var(--green);
	background-color: var(--transparent-grey);
	line-height: 1.45;
	margin: 1.5em 0 0 0;
	padding: 1em 1em 1em 1.25em;
	border-left: 4px solid var(--pink);
	border-radius: 0 5px 5px 0;
}
/* strofer i diktcitat ska ha mellanrum */
#sls-wrapper blockquote p.lg + p.lg {
	margin-top: 1em;
	text-indent: 0;
}
/* diktrubriker */
#sls-wrapper p.poem-heading {
	font-weight: bold;
}
#sls-wrapper p.poem-heading + p {
	text-indent: 0;
	margin-top: 0.8em;
}
@media (min-width: 650px) {
	#sls-wrapper blockquote {
	padding: 1em 1.5em 1em 1.5em;
	}
}
/* referens efter inledande citat: */
#sls-wrapper p.epigraph-ref {
	font-family: Muli, sans-serif;
	font-size: 0.9em;
	text-align: right;
	margin-bottom: 1em;
}
#sls-wrapper blockquote + p.epigraph-ref {
	margin-top: 0.5em;
}

/* teckenformatering */
.italic, em {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.spaced-out {
letter-spacing: 0.1em;
}
strong {
	font-weight: 700;
}
/* .smallcaps {
	font-variant: small-caps;
	letter-spacing: 0.05em;
} */
/* översättarnamn efter artikel */
#sls-wrapper p.translator {
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: right;
}
/* indrag, avstånd */
#sls-wrapper .no-indent {
	text-indent: 0;
}
#sls-wrapper .space-before-1 {
	margin-top: 1em;
}
#sls-wrapper .space-before-2 {
	margin-top: 2em;
}
/* bilder, figurer */
#sls-wrapper figure {
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: center;
	margin-left: 0;
	margin-right: 1em; /* för att centrera visuellt i textspalten */
}
#sls-wrapper figcaption {
	font-size: 0.9em;
	font-weight: normal;
	color: rgb(90, 90, 90);
	margin-top: 0.4em;
}
#sls-wrapper figure img { /*tidigare: figure.diagram*/
	max-width: 100%;
	max-height: 500px;
}
#sls-wrapper figure.document img {
	max-height: 600px; /* skannade dokument o.d. visas större */
}
#sls-wrapper figure.height400 img {
	max-height: 400px;
}
#sls-wrapper video {
	max-width: 102%;
	object-fit: cover;
}
/* när två bilder visas sida vid sida: */
#sls-wrapper img.width45 {
	max-width: 47.5%;
}
#sls-wrapper img.width45 + img.width45 {
	margin-left: 2.5%;
}
/* tabeller */
#sls-wrapper table {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	font-size: 0.9em;
}
#sls-wrapper table.horizontal-borders td {
	border-bottom: thin solid black;
}
/* tabell-elementet kan ges klassen center */
#sls-wrapper .center th, #sls-wrapper .center td {
	text-align: center;
}
#sls-wrapper td, #sls-wrapper table p {
	font-family: Muli, sans-serif;
	text-indent: 0;
	vertical-align: top;
}
#sls-wrapper th {
	text-align: left;
	text-indent: 0;
	font-weight: 700;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	vertical-align: top;
}
#sls-wrapper th[scope="row"] {
    font-weight: normal;
    font-style: italic;
}
#sls-wrapper thead th {
	border-bottom: thin solid black;
}
#sls-wrapper td, th {
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
#sls-wrapper tr:hover {background-color: #f5f5f5;}
#sls-wrapper caption {
	text-align: left;
	line-height: 1.4;
	margin-bottom: 1em;
}

/* avsnitt */
div#sls-wrapper {
	max-width: 1045px;
	margin-left: auto;
	margin-right: auto;
}
#sls-wrapper article {
background-color: white;
max-width: 748px;
margin-top: 0;
margin-bottom: 0.5em;
border: 1px solid lightgrey;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
}
#sls-wrapper header {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: -1em;
	margin-right: -1em;
	padding-right: 1em;
	padding-left: 1em;
	border-bottom: 1px solid var(--brown-sls);
}
#sls-wrapper .hls section + section, #sls-wrapper .fom section.level2 + section.level2 {
	border-top: 1px solid var(--brown-sls);
}
#sls-wrapper .hls section, #sls-wrapper .fom section.level2 {
	padding-top: 1em;
	padding-bottom: 1em;
}
/* No extra padding or border for sections with h3 heading in HLS */
#sls-wrapper .hls section.level3 {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
}

/* desktop-vy */
@media (min-width: 650px) {
	#sls-wrapper article {
	margin-top: 1em;
	margin-bottom: 2.5em;
	padding-left: 4em;
	padding-right: 4em;
	padding-bottom: 1.5em;
	}
	/*#sls-wrapper #TOC {
		max-width: 25%;
	}*/
	#sls-wrapper header {
	padding-top: 3em;
	padding-bottom: 2.5em;
	margin-left: -4em;
	margin-right: -4em;
	padding-right: 4em;
	padding-left: 4em;
	}
	#sls-wrapper .hls section, #sls-wrapper .fom section.level2 {
	padding-top: 1.25em;
	padding-bottom: 1em;
	}
	#sls-wrapper section > p:first-child {
		margin-top: 1em;
		text-indent: 0;
	}
	#sls-wrapper p, #sls-wrapper ul li, #sls-wrapper ol li {line-height: 1.6;}
}
/* asterisker i äldre nummer */
#sls-wrapper p.asterisk {
	text-align: center;
	margin-top: 1.2em;
	margin-bottom: 1em;
}
/* nummer 97 */
#sls-wrapper hr.asterisks {
	border: none;
	height: initial;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
#sls-wrapper hr.asterisks::after {
    color: black;
    content: "* * *";
    font-size: 1.1em;
}
/* användes i HLS 92 
hr.transition {
background: url('asterisker.PNG') no-repeat center;
height: 1em;
border: none;
text-indent: 0;
margin: 1em 0em;
}*/

/* noter */
#sls-wrapper [role=doc-noteref] {
	padding: 1px 1px 1px 1px;
	font-size: 0.90em;
	line-height: 0.5em;
	vertical-align: baseline;
	position: relative;
	top: -0.25em;
	font-style: normal;
}
#sls-wrapper div[role=listitem], #sls-wrapper div[role=listitem] {
	margin-bottom: 0.5em;
}
#sls-wrapper [role=doc-endnotes] p, #sls-wrapper [role=doc-endnotes] li::marker {
	font-size: 0.9em;
}
#sls-wrapper [role=doc-endnotes] p:first-child, #sls-wrapper [role=doc-endnotes] p.backlink {
	text-indent: 0;
}
#sls-wrapper [role=doc-endnotes] ol {
    padding-left: 1.5em;
}

/*litteraturförteckning*/
#sls-wrapper .bibliography p, #sls-wrapper .bibliography li {
	font-size: 0.9rem;
}
#sls-wrapper .bibliography p:not(.no-indent) {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
/* nytt för FOM 2020, för uppräkningar med t.ex. arkivnamn och källor under dem i källförteckning */
#sls-wrapper ul.sources {
	padding-left: 0;
}
#sls-wrapper ul.sources > li {
	margin-bottom: 1em;
}
#sls-wrapper ul.sources ul {
	padding-left: 2em;
}
#sls-wrapper ul.sources, ul.sources ul {
	list-style-type: none;
}

/* TOC */
#sls-wrapper #navbtn {
    position: sticky;
    position: -webkit-sticky;
    top: 0.5rem;
    float: right;
    margin-top: 0.5rem;
    z-index: 1;
    font-size: 130%;
    cursor: pointer;
    color: #364930; /*mörkgrön SLS*/
    transition: opacity 1s;
}

/* knappens position i desktop-vy */
@media (min-width: 650px) {
  #sls-wrapper #navbtn {
        margin-top: 1.5rem;
        margin-right: -2.5rem;
    }
}

/* sidenav för mobil */
/* menyn */
#sls-wrapper #TOC {
    height: 100%;
    width: 0; /* 0-bredd - ändras med JavaScript */
    max-width: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgba(211, 222, 156, 0.95); /* ljusgrön SLS */
    overflow-x: hidden; /* ingen horisontell scrollning */
    padding-top: 2.5em; /* placera innehåll 60px från toppen */
    transition: 0.25s;
  }
  /* ta bort punkter etc. från lista */
  #sls-wrapper #TOC ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #sls-wrapper #TOC ul li {
    line-height: 1.45;
  }
  /* artikelrubriken i toc med versaler */
  #sls-wrapper #TOC ul > li {
    text-transform: uppercase;
  }
  /* de lägre listnivåerna utan versaler */
  #sls-wrapper #TOC ul > li li {
    text-transform: none;
  }
  /* mellanrubiker h3 med indrag */
  #sls-wrapper #TOC li li li {
    margin-left: 1em;
  }
  /* menylänkarna */
  #sls-wrapper #TOC a {
    padding: 8px 24px 8px 32px; /*edited*/
    text-decoration: none;
    color: #364930;
    display: block;
    transition: 0.3s;
  }
  #sls-wrapper #TOC a:hover {
      color:#4F7D8C; /* mörkare variant av SLS-blå #538494 */
    }
  /* stängknappen */
  #sls-wrapper #TOC .closebtn {
      position: absolute;
      top: 8px;
      right: 2px;
      font-size: 190%;
      margin-left: 50px;
    }
  /* visning för bred skärm: toc flyter till höger om artikeln */
  @media (min-width: 1000px) {
    #sls-wrapper nav#TOC {
          position: sticky;
          position: -webkit-sticky;
          float: right;
          height: auto;
          padding-bottom: 30px;
          background-color: #d3de9c; /*ljusgrön SLS*/
          transition: none;
          z-index: 1;
      }
  }

  /* Gör texten mindre på mycket små skärmar */
  @media screen and (max-height: 450px) {
    #sls-wrapper #TOC {font-size: 0.9em;}
    }