@font-face {
    font-family: 'lifesavers';
    src: url('/assets/fonts/life-savers/LifeSavers-Regular.ttf?1557272') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'lifesavers';
    src: url('/assets/fonts/life-savers/LifeSavers-Bold.ttf?1557272') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dancingscript';
    src: url('/assets/fonts/book-8/dancing-script/DancingScript-VariableFont_wght.ttf?1557272') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dancingscript';
    src: url('/assets/fonts/book-8/dancing-script/DancingScript-VariableFont_wght.ttf?1557272') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'irishgrover';
    src: url('/assets/fonts/book-8/irish-grover/IrishGrover-Regular.ttf?1557272') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


.debug {
    background: rgba(0, 0, 0, 0.1);
}

.absolute {
    position: absolute;
}

.paragraph {
    //background: rgba(0,0,0,0.1);
    font-family: "lifesavers";
    font-weight: bold;
    font-size: 19px;
    line-height: 1.25;
    text-align: center;
}

.paragraph-xl {
    font-size: 33px;
}

.paragraph-md {
    font-size: 24px;
}

.paragraph-smaller {
    font-size: 18px;
}

.paragraph-smaller-xs {
    font-size: 17px;
}

.paragraph-hand {
    font-family: "minya";
    font-size: 28px;
    line-height: 1.5;
    font-weight: bold;
}

.paragraph-hand-sm {
    font-size: 24px;
}

/** Overrider for DE */
.paragraph-hand-lang-2 {
    font-size: 23px;
}

.line-height-sm {
    line-height: 1.35;
}

.paragraph-coursive {
    font-family: "dancingscript";
    font-weight: normal;
    font-size: 24.2px;
    line-height: 1.41;
    text-align: left;
}

.paragraph-irishgrover {
    font-family: "irishgrover";
    font-weight: normal;
    font-size: 29px;
    line-height: 1.265;
}

.paragraph-cover {
    font-size: 28px;
    line-height: 1;
    font-weight: normal;
}

/** Override for DE, IT */
.paragraph-cover-lang-2,
.paragraph-cover-lang-6 {
    font-size: 24px;
}

.paragraph-cover-sm {
    font-size: 24px;
}

.paragraph-cover-md {
    font-size: 32px;
    line-height: 1;
    font-weight: normal;
}

.paragraph-cover-xl {
    font-size: 36px;
    line-height: 1;
    font-weight: normal;
}

/** overrider for EN, FR */
.paragraph-cover-xl-lang-1,
.paragraph-cover-xl-lang-5 {
    font-size: 42px;
}

/** overrider for RO, PL */
.paragraph-cover-xl-lang-3,
.paragraph-cover-xl-lang-7 {
    font-size: 48px;
}

.paragraph-adventure {
    font-size: 48px;
}

.paragraph-cover-4 {
    font-size: 16.5px;
}

.color-red {
    color: #d7201d;
}

.color-blue {
    color: #0b3b6f;
}

.font-antipastopro {
    font-family: "antipastopro";
}

.placeholder {
    font-family: "gardengrown";
    font-weight: normal;
    font-size: 28px;
}

.cover-child-name {
    font-size: 44px;
    font-family: "lifesavers";
    font-weight: bold;
}

.cover-child-name-sm {
    font-size: 33px;
}

.cover-year {
    font-size: 32px;
    font-family: "unkempt";
    font-weight: bold;
}

.cover-year-sm {
    font-size: 24px;
}

img.rotated-left {
    transform: rotate(-15deg);
}


.placeholder-photo {
    font-family: "lifesavers";
    font-weight: normal;
    font-size: 14px;
    line-height: 7mm;
    text-align: center;
}

.number {
    font-family: "gardengrown";
    font-weight: normal;
    font-size: 22px;
    text-align: left;
}

.color-medium-blue {
    color: #338199;
}

.color-white {
    color: #ffffff;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.font-size-md {
    font-size: 22px;
}

.font-size-sm {
    font-size: 14px;
}

.bg-color-1 {
    color: #FFFFFF;
}

.color-1-0 {
    color: #FFFFFF;
}

.color-1-1 {
    color: #9e1d18;
}

.color-1-2 {
    color: #7C443F;
}

.bg-color-2 {
    color: #FFFFFF;
}

.color-2-0 {
    color: #FFFFFF;
}

.color-2-1 {
    color: #004d6f;
}

.color-2-2 {
    color: #7C443F;
}