/* ===================== FONTS ===================== */

/* PP Hatton */
@font-face {
    font-family: 'PP Hatton';
   src: url('../fonts/Fonts/PPHatton-Light.woff2') format('woff2'),
        url('../fonts/Fonts/PPHatton-Light.woff') format('woff'),

    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PP Hatton';
    src: url('../fonts/Fonts/PPHatton-LightItalic.woff2') format('woff2'),
         url('../fonts/Fonts/PPHatton-LightItalic.woff') format('woff'),
    font-weight: 300;
    font-style: italic;
}

/* PP Neue Montreal */
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/Fonts/PPNeueMontreal-Regular.woff2') format('woff2'),
         url('../fonts/Fonts/PPNeueMontreal-Regular.woff') format('woff'),
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../fonts/Fonts/PPNeueMontreal-Italic.woff2') format('woff2'),
         url('../fonts/Fonts/PPNeueMontreal-Italic.woff') format('woff'),
    font-weight: 400;
    font-style: italic;
}

/* ===================== HEADINGS ===================== */

/* H1 */
h1 {
    font-family: "PP Hatton";
    font-size: var(--Font-Sizes-H1, 91px);
    font-weight: 300;
    font-style: normal;
    line-height: var(--Line-Heights-H1_LH, 100px);
    letter-spacing: -1.693px;
}

/* H1 Italic */
h1.italic {
    
    font-family: "PP Hatton";
    font-size: var(--Font-Sizes-H1, 91px);
    font-weight: 300;
    font-style: italic;
    line-height: var(--Line-Heights-H1_LH, 100px);
    letter-spacing: -1.693px;
}

/* H2 */
h2 {
    font-family: "PP Hatton";
    font-size: var(--Font-Sizes-H2, 68px);
    font-weight: 300;
    font-style: normal;
    line-height: var(--Line-Heights-H2_LH, 76px);
    letter-spacing: -1px;
}

/* H2 Italic */
h2.italic {
    font-family: "PP Hatton";
    font-size: var(--Font-Sizes-H2, 68px);
    font-weight: 300;
    font-style: italic;
    line-height: var(--Line-Heights-H2_LH, 76px);
    letter-spacing: -1px;
}

/* H3 */
h3 {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-H3, 51px);
    font-weight: 400;
    font-style: normal;
    line-height: var(--Line-Heights-H3_LH, 60px);
    letter-spacing: -0.49px;
}

/* H3 Italic */
h3.italic {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-H3, 51px);
    font-weight: 400;
    font-style: italic;
    line-height: var(--Line-Heights-H3_LH, 60px);
    letter-spacing: -0.49px;
}

/* H4 */
h4 {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-H4, 38px);
    font-weight: 400;
    font-style: normal;
    line-height: var(--Line-Heights-H4_LH, 48px);
    letter-spacing: -0.099px;
}

/* H4 Italic */
h4.italic {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-H4, 38px);
    font-weight: 400;
    font-style: italic;
    line-height: var(--Line-Heights-H4_LH, 48px);
    letter-spacing: -0.099px;
}

/* ===================== BODY ===================== */

/* Body Normal */
body, p {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-Body, 16px);
    font-weight: 400;
    font-style: normal;
    line-height: var(--Line-Heights-Body_LH, 20px);
    letter-spacing: 0.56px;
}

/* Body Italic */
p.italic {
    color: var(--colours-neutral-50, #FAFAFA);
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-Body, 16px);
    font-weight: 400;
    font-style: italic;
    line-height: var(--Line-Heights-Body_LH, 20px);
    letter-spacing: 0.56px;
}


/* Body Small Normal */
.small-text {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-Body-Small, 12px);
    font-weight: 400;
    font-style: normal;
    line-height: var(--Line-Heights-Body-Small_LH, 16px);
    letter-spacing: 0.68px;
}

/* Body Small Italic */
.small-text.italic {
    font-family: "PP Neue Montreal";
    font-size: var(--Font-Sizes-Body-Small, 12px);
    font-weight: 400;
    font-style: italic;
    line-height: var(--Line-Heights-Body-Small_LH, 16px);
    letter-spacing: 0.68px;
}