
@font-face {
    font-family: 'Century Schoolbook';
    src: url('{{ root_url }}/assets/century-schoolbook/CenturySchoolbookRegular.ttf');
}

@font-face {
    font-family: "Century Schoolbook";
    src: url("{{ root_url }}/assets/century-schoolbook/CenturySchoolbookBold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "Century Schoolbook";
    src: url("{{ root_url }}/assets/century-schoolbook/CenturySchoolbookItalic.ttf");
    font-style: italic;
}

@font-face {
    font-family: "Century Schoolbook";
    src: url("{{ root_url }}/assets/century-schoolbook/CenturySchoolbookBoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}

@page{
    size: a4 portrait;
    margin: 2cm 2cm 2cm 2cm;
    counter-increment: page;
    @bottom-center {
        content: "© Cooper, Hillman & Toshi LLC - {{ contract.name }} - Page " counter(page) "/" counter(pages);
        font-size: 0.8em;
    }
    background: url('{{ root_url }}/assets/watermark.png') no-repeat;
    background-size:contain;
}

@page:first {
    background: none;
}

body {
    font-size:1em;
    width:17cm;
    font-family: 'Century Schoolbook';
}

#front-page-header {
    page-break-inside: avoid;
}

#front-page-header table {
    width: 100%;
}

#top-logo {
    width: 5cm;
    width: 5cm;
    border: solid 1px black;
}

#office-info {
    text-align: right;
    vertical-align: middle;
}

h1 {
    background: black;
    color: white;
    text-align: center;
    font-size: 2.6em;
    padding: 13px 0;
    margin: 50px 0;
    font-weight: bold;
}

h2 {
    background: lightgrey;
    font-size: 1.6em;
    padding: 8px 0;
    font-weight: bold;
}

.intro {
    page-break-inside: avoid;
}

.party {
    page-break-inside: avoid;
}

.part {
    text-align: right;
}

.content h2 {
    page-break-before: always;
}

.content h3 {
    margin-top: 55px;
    font-weight: bold;
    font-size: 1.5em;
    page-break-after: avoid;
}

.content p {
    page-break-inside: avoid;
    text-indent: 2em;
}

.provision {
    page-break-inside: avoid;
}

p {
    text-align: justify;
}

.footer {
    margin-top: 30px;
    page-break-inside: avoid;
}

.mention {
    margin: 0px;
    font-size: 0.9em;
}

.signatures {
    width: 100%;
}

.signatures td {
    vertical-align: top;
    text-align: center;
    height: 3cm;
}