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

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextCyr-Regular.woff2') format('woff2'),
        url('AvenirNextCyr-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextCyr-Demi.woff2') format('woff2'),
        url('AvenirNextCyr-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextCyr-Bold.woff2') format('woff2'),
        url('AvenirNextCyr-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('AvenirNextCyr-Heavy.woff2') format('woff2'),
        url('AvenirNextCyr-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body :where(.editor-styles-wrapper) {
    font-family: 'Avenir Next', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
}

:where(.editor-styles-wrapper) h1, 
:where(.editor-styles-wrapper) h2, 
:where(.editor-styles-wrapper) h3, 
:where(.editor-styles-wrapper) h4, 
:where(.editor-styles-wrapper) h5, 
:where(.editor-styles-wrapper) h6, 
:where(.editor-styles-wrapper) th {
    font-family: 'Avenir Next', sans-serif !important;
    font-weight: 300 !important;
}

:where(.editor-styles-wrapper) h1 {
    font-size: 1.875rem !important; /* 30px */
    line-height: 38px !important;
    margin-bottom: 1.5em !important;
}

:where(.editor-styles-wrapper) h2 {
    font-size: 1.5rem !important;/* 24px */
    line-height: 32px !important;
    margin-bottom: 1.5em !important;
}

:where(.editor-styles-wrapper) h3 {
    font-size: 1.25rem !important; /* 20px */
    line-height: 28px !important;
    margin-bottom: 1.5em !important;
}

:where(.editor-styles-wrapper) h4 {
    font-size: 1.125rem !important; /* 18px */
    line-height: 26px !important;
    margin-bottom: 1.5em !important;
}

:where(.editor-styles-wrapper) h5 {
    font-size: 1rem !important; /* 16px */
    line-height: 24px !important;
    margin-bottom: 1.5em !important;
}

:where(.editor-styles-wrapper) h6 {
    font-size: 0.9375rem !important; /* 15px */
    line-height: 22px !important;
    margin-bottom: 1.5em !important;
}

@media (max-width: 768px) {    
    :where(.editor-styles-wrapper) h1 {
        font-size: 1.625rem !important; /* 26px */
        line-height: 34px !important;
    }

    :where(.editor-styles-wrapper) h2 {
        font-size: 1.375rem !important; /* 22px */
        line-height: 30px!important;
    }

    :where(.editor-styles-wrapper) h3 {
        font-size: 1.125rem !important; /* 18px */
        line-height: 26px!important;
    }

    :where(.editor-styles-wrapper) h4 {
        font-size: 1rem !important; /* 16px */
        line-height: 24px !important;
    }

    :where(.editor-styles-wrapper) h5 {
        font-size: 0.9375rem !important; /* 15px */
        line-height: 22px !important;
    }

    :where(.editor-styles-wrapper) h6 {
        font-size: 0.875rem !important; /* 14px */
        line-height: 20px !important;
    }

    :where(.editor-styles-wrapper) p, 
    :where(.editor-styles-wrapper) body {
        font-size: 0.75rem !important; /* 12px */
        line-height: 20px !important;
    }
}

:where(.editor-styles-wrapper) p {
    margin-bottom: 1.5em !important;
    color: #000000;
}

:where(.editor-styles-wrapper) p {
    font-size: 14px !important;
    line-height: 22px !important;
}

:where(.editor-styles-wrapper) ol li, 
:where(.editor-styles-wrapper) ul li {
    margin-bottom: 0.5em !important;
    color: #000000;
}

:where(.editor-styles-wrapper) .wp-block-post-title {
    font-size: 1.375rem !important;
    line-height: 33px !important;
}

:where(.editor-styles-wrapper) b, 
:where(.editor-styles-wrapper) strong {
    font-weight: 500 !important;
}

:where(.editor-styles-wrapper) a {
    text-decoration: underline !important;
    color: #318f47 !important;
}