﻿/* LAYOUT DOCUMENT */
.pdf-document {
	background-color:rgb(var(--color-prime-white-rgb));
	box-sizing:border-box;
	color:rgb(var(--color-prime-blue-rgb));
	display:flex;
	flex-direction:column;
	font-family:var(--font-calibri);
	min-height:1123px;
	padding:25px 30px 20px;
	width:794px;
}

/* LOGO */
.pdf-logo { box-sizing:border-box; display:block; height:65px; margin:0 0 25px; }
.pdf-logo svg { height:inherit; width:auto; }
/* HEADER */
.pdf-title-quote { display:grid; grid-template-columns:1fr 45%; margin:0; min-height:175px; padding:0; position:relative; }
.pdf-header .pdf-title {
	display:grid;
	grid-template-columns:50px auto;
	align-items:center;
	padding:0;
	margin-bottom:12.5px;
	line-height:1;
	width:fit-content;
	font-weight:600;
	font-size:calc(var(--font-default-size) * .725);
}
.pdf-header .pdf-title span {
	display:inline-block;
	padding-inline:calc(var(--overall-border-radius) * 7.5);
	padding-block:calc(var(--overall-border-radius) * 5);
	border-radius:calc(var(--overall-border-radius) * 2.5);
	background-color:rgba(var(--color-prime-green-rgb), .25);
}
.pdf-header .pdf-mantra {
	display:grid;
	grid-template-columns:50px auto;
	align-items:center;
	padding:0;
	margin-bottom:12.5px;
	line-height:1;
	width:fit-content;
	font-weight:600;
	font-size:calc(var(--font-default-size) * .6125);
}
.pdf-header .pdf-mantra span { font-style:italic; }
.pdf-header .pdf-sourceinfo { font-size:calc(var(--font-default-size) * .55); text-align:justify; padding-bottom:20px; }
.pdf-header .pdf-sourceinfo p:last-child { margin-bottom:0; }
.pdf-image-profile { width:inherit; position:relative; }
.pdf-image-profile .pdf-overlay { display:inline-block; position:absolute; bottom:-11px; right:2px; height:210px; z-index:-1; }
.pdf-image-profile .pdf-overlay svg { position:relative; height:inherit; width:auto; }
.pdf-image-profile .pdf-profile { position:absolute; display:inline-block; width:105px; margin:0 auto; bottom:-15.5px; right:32.5px; box-sizing:border-box; z-index:10; }
.pdf-image-profile .pdf-circle { position:absolute; width:110px; aspect-ratio:1 / 1; border-radius:50%; margin:unset; right:33px; bottom:15px; z-index:5; }
/* CONTENT */
.pdf-content {
	position:relative;
	margin:0;
	background:rgb(var(--color-prime-grey-rgb));
	min-height:300px;
	padding:30px 20px;
    border-radius:2px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0 25px; /* rij- en kolomafstand */
}
.pdf-content:before {
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    transform:translate(-50%, -100%);
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid rgb(var(--color-prime-white-rgb));
}
.pdf-content .item { position:relative; }
.pdf-content #left-column,
.pdf-content #right-column { display:flex; flex-direction:column; gap:0; }
.pdf-content #left-column .item:not(:first-child),
.pdf-content #right-column .item:not(:first-child) { padding:0; margin-top:-2.5px; }
.pdf-content #left-column .item:not(:last-child),
.pdf-content #right-column .item:not(:last-child) { padding:0 0 10px; }
.pdf-content #left-column .item:not(:last-child):after,
.pdf-content #right-column .item:not(:last-child):after { content:""; position:absolute; bottom:0; left:0; width:20%; height:.5px; background:rgb(var(--color-prime-blue-rgb)); }
.pdf-content .item .header { display:grid; grid-template-columns:26px 1fr; align-items:center; margin-bottom:2.5px; height:27px; }
.pdf-content .item .header .img { display:block; height:25px; width:25px; padding:2px; box-sizing:border-box; border-radius:50%; overflow:hidden; }
.pdf-content .item .header .img svg { vertical-align:top; }
.pdf-content .item .header h3 { margin:0; line-height:1; padding-left:5px; font-size:calc(var(--font-default-size) * .6125); }
.pdf-content .item .content { padding:5px 10px 7.5px; background-color:rgba(var(--color-prime-white-rgb), .5); border-radius:3px; text-align:left; font-size:calc(var(--font-default-size) * .55); }
/* FOOTER */
.pdf-footer { margin-top:auto; padding-top:15px; text-align:center; }
.pdf-footer p { color:rgb(var(--color-prime-blue-rgb)); font-size:calc(var(--font-default-size) * .5); margin:0; }