.block-layout .title {
    text-transform: var(--title-case);
    font-family:var(--custom-title-font-family, var(--title-font-family));
    font-weight:var(--title-weight);
    font-style:var(--title-style);
    letter-spacing:var(--title-spacing);
}

.block-layout.block-layout .sub-title {
    text-transform: var(--sub-title-case);
    font-family:var(--custom-sub-title-font-family, var(--sub-title-font-family));
    font-weight:var(--sub-title-weight);
    font-style:var(--sub-title-style);
    letter-spacing:var(--sub-title-spacing);
}

body {
    font-family:var(--custom-base-font-family, var(--body-font-family));
}

@font-face {
    font-family: 'Twenty One';
    src: url('_media/custom/fonts/TwentyOne.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Goldenbook';
    src: url('_media/custom/fonts/Goldenbook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Garet';
    src: url('_media/custom/fonts/Garet-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Garet Book';
    src: url('_media/custom/fonts/Garet-Book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


:root {
    --script-title-font: 'Twenty One' !important;
    --title-font-family: 'Goldenbook' !important;
    --sub-title-font-family: 'Garet Book' !important;
    --body-font-family: 'Garet Book' !important;
    --menu-font-family: 'Garet Book' !important;
    --button-font-family: 'Garet Book' !important;
    --p-font-size: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.47)), 1.1rem);
}