@import url("1.css");

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

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

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

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

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

@font-face {
    font-family: 'Tusker Grotesk';
    src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
    url('../fonts/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;
}