<?php /* Generated by Despoina/style.css template — exposes per-template font dir to DOMPDF. */ ?>
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: normal;
	src: local('Roboto Slab Normal'), url('<?php echo str_replace("\\", "/", $template_dir); ?>/fonts/RobotoSlab-Normal.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: bold;
	src: local('Roboto Slab Bold'), url('<?php echo str_replace("\\", "/", $template_dir); ?>/fonts/RobotoSlab-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: italic;
	font-weight: normal;
	src: local('Roboto Italic'), url('<?php echo str_replace("\\", "/", $template_dir); ?>/fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: italic;
	font-weight: bold;
	src: local('Roboto Bold Italic'), url('<?php echo str_replace("\\", "/", $template_dir); ?>/fonts/Roboto-BoldItalic.ttf') format('truetype');
}

@page {
	margin-top: 1cm;
	margin-bottom: 3cm;
	margin-left: 2cm;
	margin-right: 2cm;
}
body {
	background: #fff;
	color: #000;
	margin: 0cm;
	font-family: 'Roboto Slab', 'DejaVu Sans', sans-serif;
	font-size: 9pt;
	line-height: 100%;
	overflow-wrap: anywhere;
}

h1, h2, h3, h4 { font-weight: bold; margin: 0; }
h1 { font-size: 16pt; margin: 5mm 0; }
h2 { font-size: 14pt; }
h3, h4 { font-size: 9pt; }

ol, ul { list-style: none; margin: 0; padding: 0; }
li, ul { margin-bottom: 0.75em; }
p { margin: 0; padding: 0; }
p + p { margin-top: 1.25em; }

a { border-bottom: 1px solid; text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; page-break-inside: always; border: 0; margin: 0; padding: 0; }
th, td { vertical-align: top; text-align: left; }

table.container { width:100%; border: 0; }
tr.no-borders, td.no-borders { border: 0 !important; padding: 0 !important; width: auto; }

div.bottom-spacer { clear: both; height: 8mm; }

table.head { margin-bottom: 12mm; }
td.header img { max-height: 3cm; width: auto; }
td.header { font-size: 16pt; font-weight: 700; }
td.shop-info { width: 40%; }
.document-type-label { text-transform: uppercase; }

table.order-data-addresses { width: 100%; margin-bottom: 10mm; }
table.order-data-addresses td.address,
table.order-data-addresses td.order-data { overflow-wrap: anywhere; }
td.order-data { width: 40%; }
td.order-data table { width: 100%; }
td.order-data table th { font-weight: normal; padding-right: 2mm; width: 50%; overflow-wrap: break-word; }

.invoice .shipping-address,
.proforma .shipping-address,
.credit-note .shipping-address { width: 30%; }
.packing-slip .billing-address { width: 30%; }

table.order-details { width:100%; margin-bottom: 8mm; page-break-before: avoid; }
.quantity, .price { width: 20%; }
.order-details tr { page-break-inside: always; page-break-after: auto; }
.order-details td, .order-details th {
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	padding: 0.375em;
}
.order-details th { font-weight: bold; text-align: left; }
.order-details thead th {
	color: black;
	background-color: white;
	border-color: black;
}

dl { margin: 4px 0; }
dt, dd, dd p { display: inline; font-size: 7pt; line-height: 7pt; }
dd { margin-left: 5px; }
dd:after { content: "\A"; white-space: pre; }

.document-notes,
.customer-notes { margin-top: 5mm; overflow-wrap: anywhere; }

table.totals { width: 100%; margin-top: 5mm; table-layout: fixed; }
table.totals th, table.totals td {
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.totals th.description, table.totals td.price { width: 50%; }
table.totals tr.order_total td,
table.totals tr.order_total th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
}

#footer {
	position: absolute;
	bottom: -2cm;
	left: 0;
	right: 0;
	height: 2cm;
	text-align: center;
	border-top: 0.1mm solid gray;
	margin-bottom: 0;
	padding-top: 2mm;
}
.pagenum:before { content: counter(page); }
.pagenum, .pagecount { font-family: sans-serif; }

.billing-email { font-size: 10px !important; }
.gtin-line { font-size: 7pt; color: #555; display: block; margin-top: 2px; }
