@charset "utf-8";

/*
 * File    : rwd-blocks.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 781px
 * 600px
 */



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

    /* COVER */
    .jt-blocks .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container { max-width: 75%; }

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){
    
    /* GROUP, COLUMNS */
    .jt-blocks .wp-block-group.is-position-sticky { top: calc( 104rem + var(--wp-admin--admin-bar--position-offset, 0rem) ); }

    /* QUOTE */
    .jt-blocks .wp-block-quote { padding-top: calc( var(--wp--preset--spacing--jt-08) + var(--wp--preset--spacing--jt-06) + 46rem ); }
    .jt-blocks .wp-block-quote:before { font-size: 46rem; }

    .jt-blocks .wp-block-quote.has-text-align-center:before { left: calc(50% - 23rem); }

    /* COVER */
    .jt-blocks .wp-block-cover.has-custom-content-position.alignfull { min-height: 740rem; }

}


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

    /* VARIABLE */
    :root {
        --wp--style--global--wide-size: calc(100% - (var(--wp--custom--gutter-jt-01) * 6));
    }

    /* BUTTONS */
    .jt-blocks .wp-block-button .wp-block-button__link { padding: 9rem 26rem; }

    html.ios .jt-blocks .wp-block-button .wp-block-button__link { padding-top: 8rem; padding-bottom: 10rem; }

    /* QUOTE */
    .jt-blocks .wp-block-quote { padding-top: calc( var(--wp--preset--spacing--jt-08) + var(--wp--preset--spacing--jt-06) + 44rem ); }
    .jt-blocks .wp-block-quote:before { font-size: 44rem; }

    .jt-blocks .wp-block-quote.has-text-align-center:before { left: calc(50% - 22rem); }

    /* IMAGE */
    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 44rem; height: 44rem; }
    .jt-blocks .wp-block-image.wp-lightbox-container button:after { font-size: 17rem; }

    /* GALLERY */
    .jt-blocks .wp-block-gallery.columns-6 .wp-block-image.wp-lightbox-container button { width: 40rem; height: 40rem; right: 12rem !important; top: 12rem !important; }
    .jt-blocks .wp-block-gallery.columns-6 .wp-block-image.wp-lightbox-container button:after { font-size: 15rem; }

    /* COVER */
    .jt-blocks .wp-block-cover.has-custom-content-position { min-height: 400rem; }
    .jt-blocks .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container { max-width: 85%; }

    .jt-blocks .wp-block-cover.has-custom-content-position.alignfull { min-height: 690rem; }

    /* SOCIAL */
    .jt-blocks .wp-block-social-links { font-size: 23rem; }
    
    .jt-blocks .wp-block-social-links.has-small-icon-size { font-size: calc(23rem * 0.84); }
    .jt-blocks .wp-block-social-links.has-large-icon-size { font-size: calc(23rem * 1.16); }
    .jt-blocks .wp-block-social-links.has-huge-icon-size { font-size: calc(23rem * 1.34); }

    /* LIGHTBOX */
    .wp-lightbox-overlay .close-button { width: 44rem; height: 44rem; right: 26rem; top: 26rem; }
    .wp-lightbox-overlay .close-button:after { font-size: 13rem; }

    html[dir=rtl] .wp-lightbox-overlay .close-button { left: 26rem; }

}



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

    /* VARIABLE */
    :root {
        --wp--style--global--content-size: calc(100% - (var(--wp--custom--gutter-jt-01) * 12));
    }

    /* GROUP, COLUMNS */
    .jt-blocks .wp-block-group.is-position-sticky { top: calc( 85rem + var(--wp-admin--admin-bar--position-offset, 0rem) ); }

    /* BUTTONS */
    .jt-blocks .wp-block-button .wp-block-button__link { padding-left: 24rem; padding-right: 24rem; }

    /* QUOTE */
    .jt-blocks .wp-block-quote { padding-top: calc( var(--wp--preset--spacing--jt-08) + var(--wp--preset--spacing--jt-06) + 40rem ); }
    .jt-blocks .wp-block-quote:before { font-size: 40rem; }

    .jt-blocks .wp-block-quote.has-text-align-center:before { left: calc(50% - 20rem); }

    /* COVER */
    .jt-blocks .wp-block-cover.has-custom-content-position.alignfull { min-height: 580rem; }

}



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

    /* VARIABLE */
    :root {
        --wp--style--global--content-size: calc(100% - (var(--wp--custom--gutter-jt-01) * 6));
        --wp--style--global--wide-size: inherit;
    }

    /* LAYOUT */
    .jt-blocks br { display: none; }

    /* GROUP, COLUMNS */
    .jt-blocks .wp-block-group.is-position-sticky { top: calc( 74rem + var(--wp-admin--admin-bar--position-offset, 0rem) ); }

    .jt-blocks .wp-block-columns.is-style-jt-stack-revserse-order:not(.is-not-stacked-on-mobile) { flex-direction: column-reverse; }

    /* QUOTE */
    .jt-blocks .wp-block-quote { padding-top: calc( var(--wp--preset--spacing--jt-08) + var(--wp--preset--spacing--jt-06) + 36rem ); }
    .jt-blocks .wp-block-quote:before { font-size: 36rem; }

    .jt-blocks .wp-block-quote.has-text-align-center:before { left: calc(50% - 18rem); }

    .jt-blocks .wp-block-quote.is-style-plain:not(.has-text-align-center, .has-text-align-right) { border-left-width: 6rem; }
    .jt-blocks .wp-block-quote.is-style-plain.has-text-align-right { border-right-width: 6rem; }

    /* SEPARATOR */
    .jt-blocks .wp-block-separator.is-style-jt-thick { height: 6rem; }
    .jt-blocks .wp-block-separator.is-style-jt-thick-wide { height: 6rem; }

    /* IMAGE */
    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 40rem; height: 40rem; right: 16rem !important; top: 16rem !important; }
    .jt-blocks .wp-block-image.wp-lightbox-container button:after { font-size: 15rem; }

    html[dir=rtl] .jt-blocks .wp-block-image.wp-lightbox-container button { left: 16rem !important; }

    /* GALLERY */
    .jt-blocks .wp-block-gallery.columns-6 .wp-block-image.wp-lightbox-container button { width: 36rem; height: 36rem; right: 8rem !important; top: 8rem !important; }
    .jt-blocks .wp-block-gallery.columns-6 .wp-block-image.wp-lightbox-container button:after { font-size: 14rem; }

    /* COVER */
    .jt-blocks .wp-block-cover.has-custom-content-position { min-height: 370rem; }
    .jt-blocks .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container { max-width: 100%; }

    .jt-blocks .wp-block-cover.has-custom-content-position.alignfull { min-height: 560rem; }

    /* SOCIAL */
    .jt-blocks .wp-block-social-links { font-size: 22rem; }
    
    .jt-blocks .wp-block-social-links.has-small-icon-size { font-size: calc(22rem * 0.84); }
    .jt-blocks .wp-block-social-links.has-large-icon-size { font-size: calc(22rem * 1.16); }
    .jt-blocks .wp-block-social-links.has-huge-icon-size { font-size: calc(22rem * 1.34); }

    /* LIGHTBOX */
    .wp-lightbox-overlay .close-button { width: 40rem; height: 40rem; right: 20rem; top: 20rem; }
    .wp-lightbox-overlay .close-button:after { font-size: 12rem; }

    html[dir=rtl] .wp-lightbox-overlay .close-button { left: 20rem; }

    /* JT CUSTOM */
    .jt-blocks .jt-block-list-event .wp-block-buttons.is-content-justification-right { justify-content: flex-start; }

    .jt-blocks .wp-block-image.jt-block-image-rwd > img { aspect-ratio: 4/3; object-fit: cover; }

}



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

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

    /* BUTTONS */
    .jt-blocks .wp-block-button .wp-block-button__link { padding: 8rem 22rem; }
    
    html.ios .jt-blocks .wp-block-button .wp-block-button__link { padding-top: 7rem; padding-bottom: 9rem; }

    /* QUOTE */
    .jt-blocks .wp-block-quote { padding-top: calc( var(--wp--preset--spacing--jt-08) + var(--wp--preset--spacing--jt-06) + 32rem ); }
    .jt-blocks .wp-block-quote:before { font-size: 32rem; }

    .jt-blocks .wp-block-quote.has-text-align-center:before { left: calc(50% - 16rem); }

    .jt-blocks .wp-block-quote.is-style-plain:not(.has-text-align-center, .has-text-align-right) { padding-left: var(--wp--preset--spacing--jt-06); border-left-width: 4rem; }
    .jt-blocks .wp-block-quote.is-style-plain.has-text-align-right { padding-right: var(--wp--preset--spacing--jt-06); border-right-width: 4rem; }

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

    .jt-blocks .wp-block-separator.is-style-jt-thick { height: 4rem; }
    .jt-blocks .wp-block-separator.is-style-jt-thick-wide { height: 4rem; }

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

    /* IMAGE */
    .jt-blocks .wp-block-image.wp-lightbox-container button { width: 36rem; height: 36rem; right: 12rem !important; top: 12rem !important; }
    .jt-blocks .wp-block-image.wp-lightbox-container button:after { font-size: 14rem; }

    html[dir=rtl] .jt-blocks .wp-block-image.wp-lightbox-container button { left: 12rem !important; }

    /* GALLERY */
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image { width: 100% !important; }

    .jt-blocks .wp-block-gallery.columns-6 .wp-block-image.wp-lightbox-container button { right: 12rem !important; top: 12rem !important; }

    /* COVER */
    .jt-blocks .wp-block-cover { padding-left: var(--wp--preset--spacing--jt-07); padding-right: var(--wp--preset--spacing--jt-07); }

    .jt-blocks .wp-block-cover.has-custom-content-position { min-height: 320rem; padding: var(--wp--preset--spacing--jt-07) var(--wp--preset--spacing--jt-07); }

    .jt-blocks .wp-block-cover.has-custom-content-position.alignfull { min-height: 420rem; }

    /* MEDIA TEXT */
    .jt-blocks .wp-block-media-text { gap: var(--wp--preset--spacing--jt-02); }

    /* SOCIAL */
    .jt-blocks .wp-block-social-links { font-size: 21rem; }
    
    .jt-blocks .wp-block-social-links.has-small-icon-size { font-size: calc(21rem * 0.84); }
    .jt-blocks .wp-block-social-links.has-large-icon-size { font-size: calc(21rem * 1.16); }
    .jt-blocks .wp-block-social-links.has-huge-icon-size { font-size: calc(21rem * 1.34); }

    /* LIGHTBOX */
    .wp-lightbox-overlay .close-button { width: 36rem; height: 36rem; right: 15rem; top: 15rem; }
    .wp-lightbox-overlay .close-button:after { font-size: 11rem; }

    html[dir=rtl] .wp-lightbox-overlay .close-button { left: 15rem; }

}