@charset "utf-8";

/*
 * File    : rwd-blocks.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-medium: 36rem;
        --wp--preset--spacing--jt-large: 50rem;
        --wp--preset--spacing--jt-xlarge: 72rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 46rem;
        --wp--preset--font-size--jt-02: 38rem;
        --wp--preset--font-size--jt-03: 30rem;
        --wp--preset--font-size--jt-04: 23rem;
        --wp--preset--font-size--jt-05: 19rem;
    }

    /* LIST */
    .jt-blocks ul.wp-block-list > li:before { top: 12rem; }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { top: 20rem; }

}



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-medium: 32rem;
        --wp--preset--spacing--jt-large: 45rem;
        --wp--preset--spacing--jt-xlarge: 62rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 43rem;
        --wp--preset--font-size--jt-02: 35rem;
        --wp--preset--font-size--jt-03: 27rem;
        --wp--preset--font-size--jt-04: 21rem;
        --wp--preset--font-size--jt-05: 18rem;
    }

    /* LIST */
    .jt-blocks ul.wp-block-list > li:before { top: 11rem; }
    .jt-blocks ul.wp-block-list.has-jt-01-font-size > li:before { top: 22rem; }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { width: 6rem; height: 6rem; top: 18rem; }
    .jt-blocks ul.wp-block-list.has-jt-03-font-size > li:before { width: 5rem; height: 5rem; top: 15rem; }
    .jt-blocks ul.wp-block-list.has-jt-04-font-size > li:before { top: 13rem; }
    .jt-blocks ul.wp-block-list.has-jt-06-font-size > li:before { top: 9rem; }

    /* LIGHTBOX */
    .wp-lightbox-overlay .close-button { right: 26rem; top: 26rem; }

}



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-medium: 30rem;
        --wp--preset--spacing--jt-large: 40rem;
        --wp--preset--spacing--jt-xlarge: 55rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 38rem;
        --wp--preset--font-size--jt-02: 32rem;
        --wp--preset--font-size--jt-03: 23rem;
        --wp--preset--font-size--jt-04: 19rem;
        --wp--preset--font-size--jt-05: 17rem;
        --wp--preset--font-size--jt-06: 15rem;
        --wp--preset--font-size--jt-07: 13rem;
    }

    /* LIST */
    .jt-blocks ul.wp-block-list > li:before { width: 4rem; height: 4rem; }
    .jt-blocks ul.wp-block-list.has-jt-01-font-size > li:before { width: 7rem; height: 7rem; top: 20rem; }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { top: 16rem; }
    .jt-blocks ul.wp-block-list.has-jt-03-font-size > li:before { top: 12rem; }
    .jt-blocks ul.wp-block-list.has-jt-04-font-size > li:before { top: 12rem; }
    .jt-blocks ul.wp-block-list.has-jt-06-font-size > li:before { width: 3rem; height: 3rem; }
    .jt-blocks ul.wp-block-list.has-jt-07-font-size > li:before { top: 6rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 38rem; height: 38rem; }
    .jt-blocks .wp-block-image.wp-lightbox-container button svg { width: 14rem; }

    /* LIGHTBOX */
    .wp-lightbox-overlay .close-button { width: 38rem; height: 38rem; right: 20rem; top: 20rem; }
    .wp-lightbox-overlay .close-button svg { width: 18rem; }

}



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-large: 30rem;
        --wp--preset--spacing--jt-xlarge: 48rem;

        /* GAP */
        --wp--style--block-gap: var(--wp--preset--spacing--jt-xsmall);

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 34rem;
        --wp--preset--font-size--jt-02: 28rem;
        --wp--preset--font-size--jt-03: 22rem;
        --wp--preset--font-size--jt-04: 18rem;
        --wp--preset--font-size--jt-05: 16rem;
        --wp--preset--font-size--jt-06: 14rem;

        --wp--custom--typography--line-height--jt-03: 1.5;
    }

    /* LIST */
    .jt-blocks .wp-block-list .wp-block-list { margin-left: 0.5em; }

    .jt-blocks ul.wp-block-list > li:before { top: 10rem; }
    .jt-blocks ul.wp-block-list.has-jt-01-font-size > li:before { top: 17rem; }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { width: 5rem; height: 5rem; top: 14rem; }
    .jt-blocks ul.wp-block-list.has-jt-03-font-size > li:before { top: 14rem; }
    .jt-blocks ul.wp-block-list.has-jt-04-font-size > li:before { top: 11rem; }
    .jt-blocks ul.wp-block-list.has-jt-06-font-size > li:before { top: 8rem; }

    /* BUTTONS */
    .jt-blocks .wp-block-buttons { gap: 8rem; }
    .jt-blocks .wp-block-button__link { padding: 11rem 26rem; }

    /* QUOTE */
    .jt-blocks .wp-block-quote:not(.is-style-plain):not(.has-text-align-center, .has-text-align-right) { padding-left: var(--wp--preset--spacing--jt-small); border-left-width: 3rem; }
    .jt-blocks .wp-block-quote:not(.is-style-plain).has-text-align-right { padding-right: var(--wp--preset--spacing--jt-small); border-right-width: 3rem; }
    
    .jt-blocks .wp-block-quote.is-style-plain { padding-top: 35rem; }
    .jt-blocks .wp-block-quote.is-style-plain:before { width: 20rem; }

    /* TABLE */
    .jt-blocks .wp-block-table :is(th, td) { padding: var(--wp--preset--spacing--jt-xsmall); }
    .jt-blocks .wp-block-table :is(th, td):first-child { padding-left: var(--wp--preset--spacing--jt-xsmall); }
    .jt-blocks .wp-block-table :is(th, td):last-child { padding-right: var(--wp--preset--spacing--jt-xsmall); }
    
    .jt-blocks .wp-block-table thead th { border-top-width: 2rem; border-bottom-width: 1px; }
    .jt-blocks .wp-block-table tfoot td { border-top-width: 1px; }

    .jt-blocks .wp-block-table figcaption { padding: 0 var(--wp--preset--spacing--jt-xsmall); }

    .jt-blocks .wp-block-table.is-style-stripes thead th { border-bottom-width: 2rem; }
    .jt-blocks .wp-block-table.is-style-stripes tfoot td { border-top-width: 2rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 34rem; height: 34rem; right: 12rem !important; top: 12rem !important; }
    .jt-blocks .wp-block-image.wp-lightbox-container button svg { width: 12rem; }

    /* GALLERY */
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { padding: var(--wp--preset--spacing--jt-xsmall) ; }

    /* SEPARATOR */
    .jt-blocks .wp-block-separator:after { width: 100rem; }

    .jt-blocks .wp-block-separator.aligncenter:not(.is-style-wide):after { left: calc(50% - 50rem); }

    /* LIGHTBOX */
    .wp-lightbox-overlay .close-button { width: 34rem; height: 34rem; right: 15rem; top: 15rem; }
    .wp-lightbox-overlay .close-button svg { width: 16rem; }

}