/*
 * Ganiverse Responsive Site
 * Version 1.0.3
 *
 * Applies responsive typography and media sizing across all front-end
 * pages on the WordPress site where this plugin is activated.
 */

/* Responsive media */
body img,
body video,
body iframe {
    max-width: 100%;
}

body img,
body video {
    height: auto;
}

/* Improve heading wrapping */
body h1,
body h2,
body h3 {
    overflow-wrap: break-word;
    text-wrap: balance;
}

/* PHONE */
@media (max-width: 767px) {

    body h1 {
        font-size: 40px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.5px;
        margin-bottom: 18px;
    }

    body h2 {
        font-size: 31px !important;
        line-height: 1.15 !important;
        margin-bottom: 16px;
    }

    body h3 {
        font-size: 23px !important;
        line-height: 1.25 !important;
        margin-bottom: 12px;
    }

    body p,
    body li {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }

    body button,
    body .button,
    body .wp-element-button,
    body a.wp-block-button__link {
        font-size: 17px !important;
        font-weight: 700;
        min-height: 48px;
        padding: 13px 22px;
    }

    body .wp-site-blocks,
    body main,
    body .site-main,
    body .entry-content {
        max-width: 100%;
        overflow-x: hidden;
    }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    body h1 {
        font-size: 48px !important;
        line-height: 1.08 !important;
    }

    body h2 {
        font-size: 38px !important;
        line-height: 1.15 !important;
    }

    body h3 {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }

    body p,
    body li {
        font-size: 19px !important;
        line-height: 1.6 !important;
    }
}

/* DESKTOP */
@media (min-width: 1025px) {

    body h1 {
        font-size: 58px;
        line-height: 1.05;
    }

    body h2 {
        font-size: 44px;
        line-height: 1.12;
    }

    body h3 {
        font-size: 28px;
        line-height: 1.25;
    }

    body p,
    body li {
        font-size: 19px;
        line-height: 1.65;
    }
}