@font-face {
    font-family: "HafferXH";
    src: url("../fonts/HafferXHRegular.woff2") format("woff2"),
         url("../fonts/HafferXHRegular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HafferXH";
    src: url("../fonts/HafferXHSemiBold.woff2") format("woff2"),
         url("../fonts/HafferXHSemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.editor-styles-wrapper {
    font-family: "HafferXH", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 150%;
    background-color: #F2F0E5;
}

@media (min-width: 1023px) {
    .editor-styles-wrapper {
        font-size: 16px;
    }
}

/* Post title and blocks set their own font-family in some cases */
.editor-styles-wrapper .editor-post-title__input,
.editor-styles-wrapper .wp-block {
    font-family: "HafferXH", Helvetica, sans-serif;
}