@CHARSET "UTF-8";


@font-face {
	font-family: 'ptrootlight';
	font-display: auto;
	src: url('/fonts/ptroot/PT_Root_UI_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'ptroot';
	font-display: auto;
	src: url('/fonts/ptroot/PT_Root_UI_Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'ptrootmedium';
	font-display: auto;
	src: url('/fonts/ptroot/PT_Root_UI_Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'ptrootbold';
	font-display: auto;
	src: url('/fonts/ptroot/PT_Root_UI_Bold.ttf') format('truetype');
}


body, p, pre, span {
	font-family: 'ptroot', Arial,Helvetica,freesans,sans-serif; 
    font-size: 1.0em; 
    line-height: 1.2em; 
    margin: 0; 
	-webkit-text-size-adjust:none; 
    -moz-text-size-adjust:none; 
    -ms-text-size-adjust:none; 
    -webkit-text-size-adjust:100%; 
    -moz-text-size-adjust:100%; 
    -ms-text-size-adjust:100%;
    white-space: wrap;
}

p.small {
    font-size: 0.6em;
    line-height: 1.2em;
}

pre {
    display: inline-block;
    width: 100%;
    word-break: break-all;
    white-space-collapse: preserve;
}

p.light, pre.light, span.light {
    font-family: 'ptrootlight', Arial,Helvetica,freesans,sans-serif; 
}

.big,
h0, h1, h2, h3, h4, h5, h6, p, strong, header { 
    position: relative; 
    -webkit-font-smoothing: subpixel-antialiased; 
    font-synthesis: none; 
    font-weight: normal; 
    font-size: inherit; 
    word-wrap: anywhere;
}

.big,
h0, h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

h0, h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; }

.bold,
strong {
    font-family: 'ptrootbold',Arial,Helvetica,freesans,sans-serif; 
}

header, .big,
h0, h1, h2, h3, h4, h5, h6 { 
    font-family: 'ptrootmedium',Arial,Helvetica,freesans,sans-serif; 
}

.big, h0 { font-size: 2.4em; overflow: visible; display: block; }

h1 { font-size: 1.2em; overflow: visible; }

h2 { font-size: 1.1em; }

h3, h4, h5 { font-size: 1.0em; }

h4 { text-transform: uppercase; }

span { position: relative; line-height: inherit; }

header {
    border-bottom: 1px solid var(--bordercolor);
    padding-bottom: 15px;
}

header > span.image:has(+h0) {
    position: absolute;
    left: 5px;
    top: -5px;
    width: 80px;
    height: 80px;
}

header > span + h0:has(+ h2) {
    position: relative;
    margin-left: 100px;
    width: calc(100% - 100px);
    color: inherit;
    display: inline-block;
}

header > h0 + h2 {
    position: relative;
    margin-top: -1.0em;
    color: inherit;
    margin-bottom: 0px;
}

header > span + h0 + h2 {
    position: relative;
    margin-top: -1.0em;
    margin-left: 100px;
    width: calc(100% - 100px);
}

header > h1 + span.right { 
    top: -35px; 
}

header:has( > h2) { margin-bottom: 20px; }

header > h2 + span.right {
    top: -50px;
}

header > h0 + h2 + span.right {
    top: 20px;
    position: absolute;
    right: 0;
}

.quote:before { content: '"'; }
.quote:after { content: '"'; }
.italic { font-style: oblique; }
.upper { text-transform: uppercase; }
.underlined { text-decoration: underline; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.gray { opacity: 0.5;}
.capitalize { text-transform: capitalize; }


header:has(>span.image) + *:not(.grid) {
    margin-left: 100px;
    width: calc(100% - 100px);
}

div.dialogbox_inner header:has(>span.image) + *:not(.grid) {
    margin: 0px;
    width: 100%;
}

.superscript {
    position: absolute;
    left: 2px;
    top: -20px;
    font-size: 15px;
}