/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'calibri';
    src: url('./fonts/calibri-regular.ttf') format('truetype');
}

/* COLORS */
:root {
    --color-white: #fffefd;
    --color-black: #1d1d1b;
    --color-red: #cd1719;
}

/* CANVA */
.pdfexport-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--color-white);
    width: fit-content;
    height: fit-content;
}

.pdfexport {
    width: 7cm;
    height: 29.7cm;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;

    background-image: url('./background.png');
    background-position: center;
    background-size: cover;
}

.pdfexport .background-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdfexport .background-image img{
    width: 100%;
    height: 100%;
}

.pdfexport-container.fondperdu {
    padding: 0.3cm;
}

.pdfexport-container.fondperdu .pdfexport {
    border: 1px dashed #eee !important;
}

/*first title*/
.section-first {
    width: 100%;
    height: 4cm;
    margin-bottom: 1pt;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
}

.titleEl {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
}

.titleEl p {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    margin: 0;
    text-align: center;
    word-break: break-word;
    padding: 0 0.4cm;
}

.titleEl p.italic {
    font-style: italic;
}

.titleEl.title-big p {
    font-size: 20pt;
    line-height: 22pt;
}

.titleEl.title-big p.italic {
    font-size: 14pt;
    line-height: 16pt;
}

.titleEl.title-little p {
    font-size: 16pt;
    line-height: 16pt;
}

.titleEl.title-little p.italic {
    font-size: 12pt;
    line-height: 14pt;
}

.titleEl.title-white p {
    color: var(--color-white);
}

.titleEl.title-black p {
    color: var(--color-black);
}

.titleEl.title-red p {
    color: var(--color-red);
}

.titleEl.title-reverse {
    transform: rotate(180deg);
}

/* subtitle */
.section-second {
    width: 100%;
    margin: 7pt 0;
    z-index: 10;
}

/* content */
.content {
    width: 100%;
    height: 9cm;
    padding: 0 0.8cm 2pt 0.8cm;
    z-index: 10;
}

.content div.intro {
    margin-bottom: 2pt;
}

.content div.intro p {
    font-family: 'calibri', sans-serif;
    font-weight: 400;
    font-size: 9pt;
    line-height: 11pt;
    text-align: center;
    margin-bottom: 0;
    word-break: break-word;
}

.content .contentElements p {
    font-family: 'calibri', sans-serif;
    font-weight: 400;
    font-size: 8.5pt;
    line-height: 11pt;
    text-align: left;
    margin-bottom: 1pt;
    word-break: break-word;
}

.content .contentElements p strong {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    display: block;
    margin: 2pt 0;
}

/* title last */
.section-last {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4cm;
}