/* =====================
   RESPONSIVE TYPOGRAPHY
   ===================== */

/* Desktop styles (par défaut) */
h1,
.wp-block-heading h1,
.wp-block-post-title,
.editor-post-title__input {
    font-size: 40px !important;
    color: #0B4953 !important;
}

h2,
.wp-block-heading h2 {
    font-size: 35px !important;
    color: #0B4953 !important;
}

h3,
.wp-block-heading h3 {
    font-size: 24px !important;
    color: #1F2933 !important;
}

h4,
.wp-block-heading h4 {
    font-size: 20px !important;
    color: #1F2933 !important;
}

p,
.wp-block-paragraph,
.wp-block-paragraph p {
    font-size: 18px !important;
    color: #1F2933 !important;
}

/* Mobile styles (< 782px) */
@media (max-width: 781px) {

    h1,
    .wp-block-heading h1,
    .wp-block-post-title,
    .editor-post-title__input {
        font-size: 18px !important;
    }

    h2,
    .wp-block-heading h2 {
        font-size: 17px !important;
    }

    h3,
    .wp-block-heading h3 {
        font-size: 16px !important;
    }

    h4,
    .wp-block-heading h4 {
        font-size: 15px !important;
    }

    p,
    .wp-block-paragraph,
    .wp-block-paragraph p {
        font-size: 15px !important;
    }
}