@charset "utf-8";

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



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

    /* VARIABLE */
    :root {
        /* CONTAINER */
        --wp--style--global--wide-size: inherit;

        /* SPACING */
        --wp--preset--spacing--jt-xlarge: 112rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 46rem;
        --wp--preset--font-size--jt-02: 28rem;
        --wp--preset--font-size--jt-03: 22rem;
        --wp--preset--font-size--jt-04: 20rem;

        --wp--custom--typography--line-height--jt-01: 58rem;
        --wp--custom--typography--line-height--jt-02: 36rem;
        --wp--custom--typography--line-height--jt-03: 30rem;
        --wp--custom--typography--line-height--jt-04: 26rem;
    }

    /* LAYOUT */
    .jt-blocks > *.alignwide { margin-left: 60rem; margin-right: 60rem; }

    /* TABLE */
    .jt-blocks .wp-block-table.alignfull figcaption { margin-left: 60rem; margin-right: 60rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.alignfull figcaption { margin-left: 60rem; margin-right: 60rem; }

    /* GALLERY */
    .jt-blocks .wp-block-gallery.has-nested-images.alignfull > figcaption { margin-left: 60rem; margin-right: 60rem; }

    /* EMBED */
    .jt-blocks .wp-block-embed.alignfull figcaption { margin-left: 60rem; margin-right: 60rem; }

    /* JT SLIDESHOW */
    .jtb-slideshow-popup__content { padding: 90rem 0; }
    .jtb-slideshow-popup__content figcaption { bottom: 48rem; }
    .jtb-slideshow-popup__close { top: 40rem; right: 50rem; }

}



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-small: 24rem;
        --wp--preset--spacing--jt-medium: 26rem;
        --wp--preset--spacing--jt-large: 56rem;
        --wp--preset--spacing--jt-xlarge: 100rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 42rem;
        --wp--preset--font-size--jt-02: 26rem;

        --wp--custom--typography--line-height--jt-01: 54rem;
        --wp--custom--typography--line-height--jt-02: 34rem;
    }

    /* LAYOUT */
    .jt-blocks > *.alignwide { margin-left: 40rem; margin-right: 40rem; }

    /* TABLE */
    .jt-blocks .wp-block-table.alignfull figcaption { margin-left: 40rem; margin-right: 40rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.alignfull figcaption { margin-left: 40rem; margin-right: 40rem; }

    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 36rem; height: 36rem; }
    .jt-blocks .wp-block-image.wp-lightbox-container button svg { width: 14rem; }

    /* GALLERY */
    .jt-blocks .wp-block-gallery.has-nested-images.alignfull > figcaption { margin-left: 40rem; margin-right: 40rem; }

    /* EMBED */
    .jt-blocks .wp-block-embed.alignfull figcaption { margin-left: 40rem; margin-right: 40rem; }

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

    /* CUSTOM */
    .jt-blocks-cursor { width: 54rem; height: 54rem; }
    .jt-blocks-cursor__circle .jt-icon { width: 16rem; }
    .jt-blocks-cursor__circle .jt-icon:has(.drag) { width: 34rem; }

    /* JT SLIDESHOW */
    .jtb-slideshow-popup__content { width: calc(100% - 280rem); padding: 82rem 0; }
    .jtb-slideshow-popup__content figcaption { bottom: 40rem; }
    .jtb-slideshow-popup__button { width: 56rem; height: 56rem; }
    .jtb-slideshow-popup__prev { left: 42rem; }
    .jtb-slideshow-popup__next { right: 42rem; }
    .jtb-slideshow-popup__close { padding: 6rem 0; top: 24rem; right: 34rem; }

    /* JT MARQUEE */
    .jtb-marquee__item { width: 400rem; }

}



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-small: 20rem;
        --wp--preset--spacing--jt-medium: 22rem;
        --wp--preset--spacing--jt-large: 48rem;
        --wp--preset--spacing--jt-xlarge: 92rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 38rem;

        --wp--custom--typography--line-height--jt-01: 50rem;
    }

    /* LIST */
    .jt-blocks ul.wp-block-list.has-jt-01-font-size > li:before { width: 7rem; height: 7rem; top: calc((var(--wp--custom--typography--line-height--jt-01) - 7rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { width: 6rem; height: 6rem; top: calc((var(--wp--custom--typography--line-height--jt-02) - 6rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-03-font-size > li:before { width: 5rem; height: 5rem; top: calc((var(--wp--custom--typography--line-height--jt-03) - 5rem) / 2); }

    /* IMAGE */
    .jt-blocks .wp-block-image.wp-lightbox-container button { right: 14rem !important; top: 14rem !important; }

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

    /* CUSTOM */
    .jt-blocks-cursor { width: 48rem; height: 48rem; }
    .jt-blocks-cursor__circle .jt-icon:has(.drag) { width: 30rem; }

    /* JT SLIDESHOW */
    .jtb-slideshow .swiper-button-prev { left: -60rem; }
    .jtb-slideshow .swiper-button-next { right: -60rem; }

    .jtb-slideshow-popup__content { width: calc(100% - 200rem); }
    .jtb-slideshow-popup__content figcaption { bottom: 32rem; }
    .jtb-slideshow-popup__button { width: 50rem; height: 50rem; }
    .jtb-slideshow-popup__prev { left: 22rem; }
    .jtb-slideshow-popup__next { right: 22rem; }
    .jtb-slideshow-popup__close { right: 28rem; }

    /* JT MARQUEE */
    .jtb-marquee__item { width: 360rem; }

}



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

    /* VARIABLE */
    :root {
        /* CONTAINER */
        --wp--style--global--content-size: inherit;

        /* SPACING */
        --wp--preset--spacing--jt-small: 18rem;
        --wp--preset--spacing--jt-medium: 20rem;
        --wp--preset--spacing--jt-large: 42rem;
        --wp--preset--spacing--jt-xlarge: 80rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 32rem;
        --wp--preset--font-size--jt-02: 24rem;
        --wp--preset--font-size--jt-03: 21rem;
        --wp--preset--font-size--jt-04: 19rem;
        --wp--preset--font-size--jt-05: 17rem;

        --wp--custom--typography--line-height--jt-01: 42rem;
        --wp--custom--typography--line-height--jt-02: 31rem;
        --wp--custom--typography--line-height--jt-03: 28rem;
        --wp--custom--typography--line-height--jt-04: 24rem;
        --wp--custom--typography--line-height--jt-05: 23rem;
    }

    /* LAYOUT */
    .jt-blocks > *:not(.alignfull) { margin-left: 24rem; margin-right: 24rem; }
    
    /* LIST */
    .jt-blocks ul.wp-block-list.has-jt-01-font-size > li:before { width: 6rem; height: 6rem; top: calc((var(--wp--custom--typography--line-height--jt-01) - 6rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { width: 5rem; height: 5rem; top: calc((var(--wp--custom--typography--line-height--jt-02) - 5rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-04-font-size > li:before { width: 4rem; height: 4rem; top: calc((var(--wp--custom--typography--line-height--jt-04) - 4rem) / 2); }

    /* TABLE */
    .jt-blocks .wp-block-table.alignfull figcaption { margin-left: 24rem; margin-right: 24rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.alignfull figcaption { margin-left: 24rem; margin-right: 24rem; }

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

    .jt-blocks .wp-block-gallery.has-nested-images.alignfull > figcaption { margin-left: 24rem; margin-right: 24rem; }

    /* EMBED */
    .jt-blocks .wp-block-embed.alignfull figcaption { margin-left: 24rem; margin-right: 24rem; }

    /* CUSTOM */
    .jt-blocks .instagram-media { max-width: calc(100vw - 48rem) !important; margin-left: 24rem !important; margin-right: 24rem !important; }

    /* JT SLIDESHOW */
    .jtb-slideshow .swiper-navigation { display: none; }

    .jtb-slideshow-popup__content { width: 100%; padding: 0; }
    .jtb-slideshow-popup__content figcaption { display: flex; align-items: flex-end; justify-content: center; padding: 0 32rem 32rem; width: 100%; height: 15%; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); box-sizing: border-box; }
    .jtb-slideshow-popup__button { width: 42rem; height: 42rem; filter: drop-shadow(0 0 1rem var(--wp--preset--color--black)); }
    .jtb-slideshow-popup__prev { left: 15rem; }
    .jtb-slideshow-popup__next { right: 15rem; }
    .jtb-slideshow-popup__close { padding: 4rem 0; top: 20rem; right: 22rem; filter: drop-shadow(0 0 1rem var(--wp--preset--color--black)); }

    /* JT MARQUEE */
    .jtb-marquee__item { width: 300rem; }

}



/* **************************************** *
 * 781px ~ 541px
 * **************************************** */
@media (max-width: 781px) and (min-width: 541px){

    /* COLUMNS */
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0 !important; }

}



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

    /* VARIABLE */
    :root {
        /* SPACING */
        --wp--preset--spacing--jt-xxsmall: 6rem;
        --wp--preset--spacing--jt-small: 16rem;
        --wp--preset--spacing--jt-medium: 16rem;
        --wp--preset--spacing--jt-large: 36rem;
        --wp--preset--spacing--jt-xlarge: 72rem;

        /* TYPOGRAPHY */
        --wp--preset--font-size--jt-01: 27rem;
        --wp--preset--font-size--jt-02: 21rem;
        --wp--preset--font-size--jt-03: 19rem;
        --wp--preset--font-size--jt-04: 18rem;
        --wp--preset--font-size--jt-05: 16rem;
        --wp--preset--font-size--jt-06: 16rem;
        --wp--preset--font-size--jt-07: 15rem;
        --wp--preset--font-size--jt-08: 14rem;
        --wp--preset--font-size--jt-09: 13rem;

        --wp--custom--typography--line-height--jt-01: 32rem;
        --wp--custom--typography--line-height--jt-02: 27rem;
        --wp--custom--typography--line-height--jt-03: 25rem;
        --wp--custom--typography--line-height--jt-05: 22rem;
        --wp--custom--typography--line-height--jt-06: 26rem;
        --wp--custom--typography--line-height--jt-07: 24rem;
        --wp--custom--typography--line-height--jt-10: 24rem;
    }

    /* LAYOUT */
    .jt-blocks > *:not(.alignfull) { margin-left: 14rem; margin-right: 14rem; }

    /* LIST */
    .jt-blocks .wp-block-list li ~ li { margin-top: 0.4em; }

    .jt-blocks ul.wp-block-list.has-jt-01-font-size > li:before { width: 5rem; height: 5rem; top: calc((var(--wp--custom--typography--line-height--jt-01) - 5rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-02-font-size > li:before { width: 4rem; height: 4rem; top: calc((var(--wp--custom--typography--line-height--jt-02) - 4rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-03-font-size > li:before { width: 4rem; height: 4rem; top: calc((var(--wp--custom--typography--line-height--jt-03) - 4rem) / 2); }
    .jt-blocks ul.wp-block-list.has-jt-09-font-size > li:before { width: 3rem; height: 3rem; top: calc((var(--wp--custom--typography--line-height--jt-09) - 3rem) / 2); }

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

    /* QUOTE */
    .jt-blocks .wp-block-quote:not(.is-style-plain):not(.has-text-align-center, .has-text-align-right) { padding-left: 21rem; }
    .jt-blocks .wp-block-quote:not(.is-style-plain).has-text-align-right { padding-right: 21rem; }

    .jt-blocks .wp-block-quote.is-style-plain { padding-top: 36rem; }

    /* TABLE */
    .jt-blocks .wp-block-table figcaption { padding-left: 14rem; padding-right: 14rem; }
    .jt-blocks .wp-block-table.alignfull figcaption { margin-left: 0; margin-right: 0; }

    .wp-block-table:has(.jt-table) { margin-left: 0; margin-right: 0; overflow: hidden; }
    .wp-block-table:has(.jt-table) .jt-table { overflow-x: auto; scrollbar-width: thin; }
    .wp-block-table:has(.jt-table) .jt-table table { display: inline-table; width: auto; min-width: 100%; margin-left: 14rem; margin-right: 14rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.alignfull figcaption { margin-left: 14rem; margin-right: 14rem; }

    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 32rem; height: 32rem; 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.alignfull > figcaption { margin-left: 14rem; margin-right: 14rem; }

    /* EMBED */
    .jt-blocks .wp-block-embed.alignfull figcaption { margin-left: 14rem; margin-right: 14rem; }

    /* SEPARATOR */
    .jt-blocks .wp-block-separator:after { width: 120rem; }
    
    .jt-blocks .wp-block-separator.is-style-dots { height: 24rem; }
    .jt-blocks .wp-block-separator.is-style-dots:before { font-size: 24rem; }

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

    /* CUSTOM */
    .jt-blocks .instagram-media { max-width: calc(100vw - 28rem) !important; margin-left: 14rem !important; margin-right: 14rem !important; }

    /* JT SLIDESHOW */
    .jtb-slideshow .swiper-scrollbar.swiper-scrollbar-horizontal { margin-top: 12rem; }

    .jtb-slideshow-popup__content figcaption { height: auto; padding: 36rem 16rem 16rem; justify-content: flex-start; text-align: left; }
    .jtb-slideshow-popup__button { width: 32rem; height: 32rem; }
    .jtb-slideshow-popup__prev { left: 10rem; }
    .jtb-slideshow-popup__next { right: 10rem; }
    .jtb-slideshow-popup__close { gap: 6rem; top: 14rem; right: 16rem; }
    .jtb-slideshow-popup__close > i { width: 20rem; }

    /* JT MARQUEE */
    .jtb-marquee__item { width: 189rem; }

}