/* ------------- Typography ------------- */

:root {
    --x-x-xl-lineheight: 1;
    --x-xl-lineheight: 1;
    --xl-lineheight: 1.1;
    --l-lineheight: 1.2;
    --m-lineheight: 1.3;
    --s-lineheight: 1.25rem;
    --xs-lineheight: 1.25rem;
    --xxs-lineheight: 1rem;
    --default-lineheight: 1.2;
}

.has-x-x-x-large-font-size {
    line-height: var(--x-x-xl-lineheight);
}

.has-x-x-large-font-size {
    line-height: var(--x-xl-lineheight);
}

.has-x-large-font-size {
    line-height: var(--xl-lineheight);
}

.has-large-font-size {
    line-height: var(--l-lineheight);
}

.has-medium-font-size {
    line-height: var(--m-lineheight);
}

.has-small-font-size {
    line-height: var(--s-lineheight);
}

.has-x-small-font-size {
    line-height: var(--xs-lineheight);
}

.has-x-x-small-font-size {
    line-height: var(--xxs-lineheight);
}

@media (max-width: 1024px) {
    .has-small-font-size {
        font-size: calc(var(--wp--preset--font-size--small) * 0.75) !important;
        line-height: var(--default-lineheight);
    }

    .has-medium-font-size {
        font-size: calc(var(--wp--preset--font-size--medium) * 0.75) !important;
        line-height: var(--default-lineheight);
    }

    .has-large-font-size {
        font-size: calc(var(--wp--preset--font-size--large) * 0.75) !important;
        line-height: var(--default-lineheight);
    }

    .has-x-large-font-size {
        font-size: calc(var(--wp--preset--font-size--x-large) * 0.75) !important;
        line-height: var(--default-lineheight);
    }

    .has-x-x-large-font-size {
        font-size: calc(var(--wp--preset--font-size--x-x-large) * 0.75) !important;
    }

    .has-x-x-x-large-font-size {
        font-size: calc(var(--wp--preset--font-size--x-x-x-large) * 0.75) !important;
    }
}

.editor_content>*:not(strong):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.text-base-color) {
    color: var(--wp--preset--color--light-grey);
}

.editor_content>*:not(:first-child) {
    margin-top: 1.25em;
}

.editor_content>*:first-child {
    margin-top: 0;
}

.editor_content strong {
    color: var(--wp--preset--color--white);
}

.editor_content a {
    color: var(--wp--preset--color--orange);
}

.editor_content iframe {
    width:100%;
}

.editor_content h1 em,
h2 em,
h3 em,
h5 em,
h6 em {
    font-style: normal;
    color: var(--wp--preset--color--orange);
}

@media (max-width: 1024px) {
    .editor_content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.text-xs):not(em) {
        font-size: 0.9em;
    }
}

/* Inherited typography */

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xxs {
    font-size: .65rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

/* TODO: CHECK */
/* .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
} */

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.post-header {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.prose-sm {
    font-family: var(--wp--preset--font-family--roboto);
    color: #a3a3a3;
    font-size: .875rem;
    line-height: 1.7142857;
}

.prose {
    font-family: var(--wp--preset--font-family--roboto);
    color: #a3a3a3;
    font-size: 1rem;
    line-height: 1.75;
}

.text-5xl {
    font-size: 3rem;
    line-height: 1;
}

@media (min-width: 640px) {
    .post-header {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .prose-sm {
        font-size: 1rem;
        line-height: 1.75;
    }

    .text-xs {
        font-size: .875rem;
        line-height: 1.25rem;
    }

    .text-sm {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .text-2xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .post-header {
        font-size: 3rem;
        line-height: 1;
    }
}

.font-display {
    font-family: var(--wp--preset--font-family--roboto-condensed);
}