@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=1be8a670-63f2-11ec-84cb-06c8b378e9d2");

@font-face {
    font-family: 'Madera';
    src: url('../font/Madera-Light1.woff2') format('woff2'),
    url('../font/Madera-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../font/Madera-Regular1.woff2') format('woff2'),
    url('../font/Madera-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../font/Madera-Medium1.woff2') format('woff2'),
    url('../font/Madera-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../font/Madera-Bold1.woff2') format('woff2'),
    url('../font/Madera-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk';
    src: url('../font/TuskerGrotesk-4700Bold1.woff2') format('woff2'),
    url('../font/TuskerGrotesk-4700Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tusker Grotesk';
    src: url('../font/TuskerGrotesk-3500Medium.woff2') format('woff2'),
    url('../font/TuskerGrotesk-3500Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body.e-site,
.edit-post-visual-editor .editor-styles-wrapper {
    font-family: "Madera", sans-serif;
}

.edit-post-visual-editor .editor-styles-wrapper h1 {
    font-family: 'Tusker Grotesk', sans-serif;
    font-weight: 500;
}

body {
    --etoro-title-font: 'Tusker Grotesk', sans-serif;
    --etoro-body-font: 'Madera', sans-serif;
    --etoro-font-regular: 400;
    --etoro-font-medium: 500;
    --etoro-font-bold: 700;
}