/*--------------------------------------------------------------
# Shared Styles
#
## Typography ##
#
# Light    | 300
# Regular  | 400
# Medium   | 500
# SemiBold | 600
# Bold     | 700
# Heavy    | 800
--------------------------------------------------------------*/

/*-- Light --*/
@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-Light.woff2') format('woff2'),
         url('../fonts/Roobert-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

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

/*-- Regular --*/
@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-Regular.woff2') format('woff2'),
         url('../fonts/Roobert-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-RegularItalic.woff2') format('woff2'),
         url('../fonts/Roobert-RegularItalic.woff2') format('woff');
    font-weight: 400;
    font-style: italic;
}

/*-- Medium --*/
@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-Medium.woff2') format('woff2'),
         url('../fonts/Roobert-Medium.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-MediumItalic.woff2') format('woff2'),
         url('../fonts/Roobert-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/*-- SemiBold --*/
@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-SemiBold.woff2') format('woff2'),
         url('../fonts/Roobert-SemiBold.woff2') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/Roobert-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

/*-- Bold --*/
@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-Bold.woff2') format('woff2'),
         url('../fonts/Roobert-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-BoldItalic.woff2') format('woff2'),
         url('../fonts/Roobert-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/*-- Heavy --*/
@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-Heavy.woff2') format('woff2'),
         url('../fonts/Roobert-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert';
    src: url('../fonts/Roobert-HeavyItalic.woff2') format('woff2'),
         url('../fonts/Roobert-HeavyItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

.has-extra-large-font-size {
    font-size: var(--wp--preset--font-size--huge);
    line-height: var(--wp--custom--line-height--page-title);
    letter-spacing: var(--wp--custom--letter-spacing--page-title);
}

h2 {
    overflow-wrap: normal;
}