/* Paged.js variables that can be used:

    var(--pagedjs-pagebox-width) for the width of your page
    var(--pagedjs-pagebox-height) for the height of your page

*/


@page{
	size: 152.4mm 228.6mm;
	margin: 15mm 20mm 10mm 20mm;

	@top-left{
		content: string(sectionTitle);
		width: 100%;
		position: absolute;
		top: 2mm;
		text-align: center;
		font-family: monospace;
		font-size: 8pt;
		color: green;
	}
	@top-center{
		/* copying a h1 to a running element */
		content: string(contributionTitle); 
		position: absolute;
		top: 7mm;
		left: 0;
		width: 100%;
		text-align: center;
		font-family: monospace;
		font-size: 8pt;
		color: magenta;
	}
	@bottom-center{
		bottom-top:5mm;
		font-family: monospace;
		font-size: 8pt;
		content: counter(page);
	}
}

body{
	font-size: 12pt;
	line-height: 16pt;
}

/* running headers */
h1{
	string-set: sectionTitle content(text); 
	page-break-before: always;
}
h2{
	string-set: contributionTitle content(text); 
	/*position: running content(text); */ /* This "moves" the H2 out of the flow */
}

div.section{
	break-before: left; /* makes sure the new section always starts on the right page */
}
/* section title */
div.section > h2{
}

div.introduction, 
div.contribution{
	break-before: left; /* makes sure the new section always starts on the right page */
}

/* general elements*/
h1{
	font-size: 37pt;
	line-height: 1.4;
	margin: 0;
	color: green;
	word-break: normal;
}
h2{
	margin: 0 0 32pt 0;
	page-break-before: always;
	color: magenta;
	text-align: center;
}
h3, h4, h5, h6{
	margin: 0 0 16pt 0;
}
p{
	margin: 0 0 16pt 0;
}
.thumb{
	/* image caption */
	font-size: 10pt;
	line-height: 1.25;
	margin: 24pt 16pt 16pt 16pt;
	page-break-inside: avoid;
}
img{
	position: relative;
	display: block;
	max-width: 100mm;
	height: auto;
	margin: 0 0 8pt 0;
}
pre{
    font-size: 8pt;
    line-height: 1.8;
    white-space: normal;
    margin: 16pt 16pt;
}
table{
	width: 100%;
}
sup{
	line-height: 0;
}
a,
a:visited,
a:active,
a:hover{
	color: inherit;
	text-decoration: none;
	font-weight: bold;
}

/* specific details */
a.external{
	word-break: break-all;
}