@charset "utf-8";

/*
 * File       : rwd-blocks.css
 * Author     : STUDIO-JT (Chaehee)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *              css/blocks.css
 *
 * SUMMARY:
 * 01) 1900px
 * 02) 1480px
 * 03) 1200px
 * 04) 1023px
 * 05) 860px
 * 06) 600px
 * 07) 540px
 */



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

    .jt-blocks > .wp-block-gallery { margin-left: 50rem; margin-right: 50rem; }

} /* 1900px */



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

    .jt-blocks h1 { font-size: 50rem; }
    .jt-blocks h2 { font-size: 36rem; }
    .jt-blocks h3 { font-size: 25rem; }
    .jt-blocks h4 { font-size: 22rem; }

    .jt-blocks .jt-cover-header h1 { font-size: 50rem; }

    .jt-blocks .jt-basic-header h1 { font-size: 50rem; }

    .jt-single .jt-blocks > *.post-password-form { padding-bottom: 180rem; }

} /* 1480px */



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

    .jt-blocks h1 { font-size: 44rem; }
    
    .jt-blocks .wp-block-gallery { gap: 20rem; --wp--style--unstable-gallery-gap: 20rem; }
    
    .jt-blocks .jt-cover-header { padding-bottom: 50rem; }
    .jt-blocks .jt-cover-header:after { bottom: 18rem; }
    .jt-blocks .jt-cover-header .wp-block-cover { padding-left: 50rem; padding-right: 50rem; }
    .jt-blocks .jt-cover-header h1 { font-size: 44rem; }
    
    .jt-blocks .jt-basic-header { margin-left: 50rem; margin-right: 50rem; }
    .jt-blocks .jt-basic-header h1 { font-size: 44rem; }

    .jt-single .jt-blocks > *.post-password-form { max-width: inherit; margin-left: 100rem; margin-right: 100rem; }
}



/* **************************************** *
* 1023px
* **************************************** */
@media (max-width: 1023px){
    
    .jt-blocks > *:first-child:not(.jt-basic-header, .jt-cover-header) { margin-top: 154rem !important; }
    .jt-blocks > .wp-block-gallery { margin: 0 30rem; }
    
    .jt-blocks h1 { font-size: 40rem; }
    .jt-blocks h2 { font-size: 32rem; }
    .jt-blocks h3 { font-size: 24rem; }
    .jt-blocks h4 { font-size: 22rem; }
    .jt-blocks .wp-block-quote p, 
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { font-size: 16rem; }
    .jt-blocks p { font-size: 16rem; }
    .jt-blocks .wp-block-quote__citation,
    .jt-blocks .wp-block-quote cite,
    .jt-blocks .wp-block-quote footer { font-size: 15rem; line-height: 1.73; }
    
    .jt-blocks h1,
    .jt-blocks h2,
    .jt-blocks h3,
    .jt-blocks h4 { margin-top: 70rem; margin-bottom: 19rem; }
    .jt-blocks h5,
    .jt-blocks h6 { margin-top: 69rem; margin-bottom: 15rem; }

    .jt-blocks li:not(.blocks-gallery-item) { font-size: 15rem; }
    .jt-blocks li:not(:last-child) ul:not(.blocks-gallery-grid), .jt-blocks li:not(:last-child) ol:not(.blocks-gallery-grid) { margin-left: 10rem; }
    .jt-blocks p + ul:not(.blocks-gallery-grid), .jt-blocks p + ol:not(.blocks-gallery-grid) { margin-top: 0; }

    .jt-blocks .wp-block-buttons { margin-top: 30rem; margin-bottom: 70rem; }
    
    .jt-blocks .wp-block-image { margin-top: 70rem; margin-bottom: 70rem; }
    .jt-blocks .wp-block-image figcaption { margin-top: 12rem; }
    
    .jt-blocks .wp-block-gallery + .wp-block-gallery { margin-top: -54rem; }
    .jt-blocks .wp-block-gallery { margin-top: 70rem; margin-bottom: 70rem; }
    .jt-blocks .wp-block-gallery { gap: 16rem; --wp--style--unstable-gallery-gap: 16rem; }
    .jt-blocks .wp-block-gallery .blocks-gallery-caption { font-size: 12rem; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { width: 100%; }
    
    .jt-blocks blockquote.wp-block-quote { margin-top: 72rem; margin-bottom: 73rem; }
    .jt-blocks .wp-block-quote { padding-top: 25rem; }
    .jt-blocks .wp-block-quote p,
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { margin-bottom: 8rem; }
    .jt-blocks blockquote.wp-block-quote.is-style-plain { padding-left: 30rem; border-image: linear-gradient(180deg, rgba(0,0,0,0) 7rem, rgba(0,0,0,1) 7rem, rgba(0,0,0,1) calc(100% - 6rem), rgba(0,0,0,0) calc(100% - 6rem)); border-image-slice: 1; }
    
    .jt-blocks .wp-block-embed { margin: 70rem 0; }
    .jt-blocks .wp-block-embed figcaption { padding-left: 30rem; }
    .jt-embed-video__overlay-btn { width: 68rem; height: 68rem; margin-top: -34rem; margin-left: -34rem; }

    .jt-blocks .wp-block-button__link { font-size: 15rem; }

    .jt-blocks .jt-cover-header { padding-bottom: 48rem; }
    .jt-blocks .jt-cover-header:after { bottom: 16rem; }
    .jt-blocks .jt-cover-header .wp-block-cover { padding-left: 30rem; padding-right: 30rem; padding-bottom: 94rem; }
    .jt-blocks .jt-cover-header h1 { font-size: 38rem; }

    .jt-blocks .jt-basic-header { margin-left: 30rem; margin-right: 30rem; padding: 154rem 0 64rem; }
    .jt-blocks .jt-basic-header h1 { font-size: 38rem; }

    .jt-blocks .jt-basic-header + * { margin-top: 0 !important; }

    .jt-blocks > .block-slideshow { margin-top: 70rem; margin-bottom: 70rem; }

    .jt-single .jt-blocks > *.post-password-form { margin-left: 30rem; margin-right: 30rem; padding-top: 46rem; padding-bottom: 150rem; }

} /* 1023px */



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

    .jt-blocks > *:first-child:not(.jt-basic-header, .jt-cover-header) { margin-top: 132rem !important; }
    .jt-blocks > .wp-block-gallery { margin: 0 24rem; }
    .jt-blocks > blockquote.wp-block-quote { margin-left: 24rem; margin-right: 24rem; }
    .jt-blocks .jt-cover-header .wp-block-cover { padding-left: 24rem; padding-right: 24rem; }
    
    .jt-blocks h1 { font-size: 32rem; }
    .jt-blocks h2 { font-size: 26rem; }
    .jt-blocks h3 { font-size: 24rem; }
    .jt-blocks h4 { font-size: 20rem; }

    .jt-blocks h1,
    .jt-blocks h2,
    .jt-blocks h3,
    .jt-blocks h4 { margin-top: 70rem; margin-bottom: 17rem; }
    .jt-blocks h5,
    .jt-blocks h6 { margin-top: 49rem; margin-bottom: 13rem; }

    .jt-blocks li:not(:last-child) ul:not(.blocks-gallery-grid), .jt-blocks li:not(:last-child) ol:not(.blocks-gallery-grid) { margin-left: 6rem; }

    .jt-blocks .wp-block-image figcaption { width: auto; left: auto; margin-left: auto; padding-left: 24rem; padding-right: 24rem; }

    .jt-blocks .wp-block-embed figcaption { width: auto; left: auto; margin-left: auto; padding-left: 24rem; padding-right: 24rem; }
    
    .jt-blocks .wp-block-gallery { margin-top: 70rem; margin-bottom: 70rem; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-size: 12rem; padding: 16rem 18rem; }

    .jt-blocks .wp-block-quote:before { left: 2rem; }
    .jt-blocks blockquote.wp-block-quote.is-style-plain { padding-left: 24rem; }
    
    .jt-blocks .jt-cover-header { padding-bottom: 42rem; }
    .jt-blocks .jt-cover-header .wp-block-cover { padding-bottom: 75rem; }
    .jt-blocks .jt-cover-header:after { bottom: 14rem; }
    .jt-blocks .jt-cover-header__meta { margin-bottom: 16rem; }
    .jt-blocks .jt-cover-header h1 { font-size: 30rem; }
    .jt-blocks .jt-cover-header p { font-size: 15rem; }
    html.ios .jt-blocks .jt-cover-header__meta { margin-bottom: 20rem; }
    html.ios .jt-blocks .jt-cover-header h1 { margin-bottom: 12rem; }
    html.ios .jt-blocks .jt-cover-header .jt-cover-header__cat:after { top: 3rem; }
    
    .jt-blocks .jt-basic-header { margin-left: 24rem; margin-right: 24rem; padding: 132rem 0 55rem; }
    .jt-blocks .jt-basic-header__meta { margin-bottom: 16rem; }
    .jt-blocks .jt-basic-header h1 { font-size: 30rem; }
    .jt-blocks .jt-basic-header p { font-size: 15rem; }
    html.ios .jt-blocks .jt-basic-header__meta { margin-bottom: 20rem; }
    html.ios .jt-blocks .jt-basic-header h1 { margin-bottom: 12rem; }
    html.ios .jt-blocks .jt-basic-header .jt-basic-header__cat:after { top: 3rem; }

    .jt-blocks > .block-slideshow { max-width: unset; width: 100%; margin-left: auto; margin-right: auto; }
    .jt-blocks .jt-slideshow__title { margin-top: 18rem; }
    .jt-slideshow { max-width: unset; }
    .jt-slideshow__nav { display: none; }
    .jt-slideshow__slide { max-width: 720rem; margin: 0 10rem; padding-bottom: 20rem; }
    .jt-slideshow .swiper-container-horizontal > .swiper-scrollbar { width: calc(100% - 48rem); left: 50%; transform: translateX(-50%); }

    .jt-single .jt-blocks > *.post-password-form { margin-left: 24rem; margin-right: 24rem; padding-bottom: 130rem; }
    .jt-blocks h2.post-password-form__title { margin-bottom: 10rem;}
    .jt-blocks p.post-password-form__desc { font-size: 14rem; margin-bottom: 32rem; }
    .post-password-form__field-wrap input[type="password"] { width: 320rem; height: 42rem; padding: 10rem 56rem 10rem 16rem; }
    .post-password-form__reset { width: 20rem; height: 20rem; top: 11rem; right: 16rem; }
    .post-password-form__reset:before { width: 9rem; margin-left: -4.5rem; }
    .post-password-form__reset:after { width: 9rem; margin-left: -4.5rem; }
    .post-password-form__submit { font-size: 15rem; padding: 8rem 42rem 7rem; }

} /* 860px */



/* **************************************** *
 * 600px
 * **************************************** */
@media (max-width: 600px){
    
    .jt-blocks > .wp-block-gallery { margin-left: auto; margin-right: auto; }
    .jt-blocks .wp-block-gallery { display: block; margin-top: 60rem; margin-bottom: 60rem; gap: unset; --wp--style--unstable-gallery-gap: unset; }
    .jt-blocks .wp-block-gallery + .wp-block-gallery { margin-top: -40rem; }
    .jt-blocks .wp-block-gallery > .wp-block-image { width: 100%; }
    .jt-blocks .wp-block-gallery .blocks-gallery-caption { margin-top: 12rem; padding-left: 24rem; padding-right: 24rem; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: 100%; margin-top: 20rem; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):first-child { margin-top: 0; }
}



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

    .jt-blocks > * { margin: 0 14rem; }
    .jt-blocks > *:first-child:not(.jt-basic-header, .jt-cover-header) { margin-top: 110rem !important; }
    .jt-blocks > .jt-cover-header { margin: 0; }
    .jt-blocks > .wp-block-gallery { margin-left: auto; margin-right: auto; }
    .jt-blocks > blockquote.wp-block-quote { margin-left: 14rem; margin-right: 14rem; }
    
    .jt-blocks h1 { font-size: 28rem; }
    .jt-blocks h2 { font-size: 22rem; }
    .jt-blocks h3 { font-size: 18rem; }
    .jt-blocks h4 { font-size: 17rem; }
    .jt-blocks h5 { font-size: 15rem; }
    .jt-blocks h6 { font-size: 12rem; }
    .jt-blocks .wp-block-quote p,
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { font-size: 15rem; line-height: 1.73; }
    .jt-blocks p { font-size: 15rem; line-height: 1.73; word-break: break-all; }
    .jt-blocks p.indent { text-indent: 50rem; }
    .jt-blocks p br { display: none; }
    .jt-blocks p + .wp-block-buttons { margin-top: -6rem; }
    
    .jt-blocks h1,
    .jt-blocks h2,
    .jt-blocks h3,
    .jt-blocks h4 { margin-top: 50rem; margin-bottom: 15rem; }
    .jt-blocks h5,
    .jt-blocks h6 { margin-top: 29rem; margin-bottom: 11rem; }
    .jt-blocks h1 br:not(.smbr),
    .jt-blocks h2 br:not(.smbr),
    .jt-blocks h3 br:not(.smbr),
    .jt-blocks h4 br:not(.smbr),
    .jt-blocks h5 br:not(.smbr),
    .jt-blocks h6 br:not(.smbr) { display: none; }
    
    .jt-blocks li > br:not(.smbr) { display: none; }
    .jt-blocks ul:not(.blocks-gallery-grid) li { font-size: 14rem; padding-left: 11rem; }
    .jt-blocks ul:not(.blocks-gallery-grid) li:before { width: 3px; height: 3px; }
    .jt-blocks li:not(.blocks-gallery-item) { margin-bottom: 5rem; }
    .jt-blocks ul:not(.blocks-gallery-grid) > li ol > li { padding-left: 16rem; }
    .jt-blocks ul:not(.blocks-gallery-grid) > li ol > li:nth-child(n + 10) { padding-left: 24rem; }
    .jt-blocks ol:not(.blocks-gallery-grid) > li { padding-left: 16rem; }
    .jt-blocks ol:not(.blocks-gallery-grid) > li:nth-child(n + 10) { padding-left: 24rem; }
    .jt-blocks li:not(:last-child) ul:not(.blocks-gallery-grid), .jt-blocks li:not(:last-child) ol:not(.blocks-gallery-grid) { margin-top: 5rem; margin-bottom: 5rem; margin-left: 4rem; }
    html.ios .jt-blocks ul:not(.blocks-gallery-grid) > li:before, html.ios .jt-blocks > ul:not(.blocks-gallery-grid) > li ul > li:before { top: 8rem; }
    
    .jt-blocks .wp-block-image { margin-top: 60rem; margin-bottom: 60rem; }
    .jt-blocks .wp-block-image figcaption { padding-left: 14rem; padding-right: 14rem; }
    .jt-blocks .wp-block-image figcaption br { display: none; }
    
    .jt-blocks ul + .wp-block-gallery,
    .jt-blocks p + .wp-block-gallery { margin-top: 60rem; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { padding: 14rem 14rem; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption br { display: none; }
    .jt-blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption br.br { display: block; }

    .jt-blocks > .instagram-media { width: calc(100% - 24rem) !important; margin: 60rem 0 !important; margin-left: 14rem !important; margin-right: 14rem !important; }
    
    .jt-blocks blockquote.wp-block-quote { margin-top: 53rem; margin-bottom: 54rem; }
    .jt-blocks .wp-block-quote { padding-top: 23rem; }
    .jt-blocks blockquote.wp-block-quote.is-style-plain { padding-left: 20rem; border-left-width: 2rem; border-image: linear-gradient(180deg, rgba(0,0,0,0) 6rem, rgba(0,0,0,1) 6rem, rgba(0,0,0,1) calc(100% - 6rem), rgba(0,0,0,0) calc(100% - 6rem)); border-image-slice: 1; }
    
    .jt-blocks .wp-block-embed { margin: 60rem 0; }
    .jt-blocks .wp-block-embed figcaption { font-size: 13rem; padding-left: 14rem; padding-right: 14rem; }
    .jt-embed-video__overlay-btn { width: 56rem; height: 56rem; margin-top: -28rem; margin-left: -28rem; }
    .jt-embed-video__overlay-btn:after { margin-top: -6rem; margin-left: -3rem; border-top-width: 6rem; border-bottom-width: 6rem; border-left-width: 10rem; }
    
    .jt-blocks .wp-block-buttons { margin-top: 28rem; margin-bottom: 50rem; }
    
    .jt-blocks .jt-cover-header { height: 440rem; padding-bottom: 28rem; }
    .jt-blocks .jt-cover-header:after { bottom: 10rem; }
    .jt-blocks .jt-cover-header .wp-block-group__inner-container { height: 100%; }
    .jt-blocks .jt-cover-header .wp-block-cover { padding-left: 14rem; padding-right: 14rem; padding-top: 0; padding-bottom: 0; min-height: unset; height: 100%; align-items: flex-end; }
    .jt-cover-header .wp-block-cover__inner-container { padding-bottom: 58rem; }
    .jt-blocks .jt-cover-header__meta { margin-bottom: 12rem; }
    .jt-blocks .jt-cover-header .jt-cover-header__cat { font-size: 11rem; }
    .jt-blocks .jt-cover-header .wp-block-post-date time { font-size: 11rem; }
    .jt-blocks .jt-cover-header h1 { font-size: 28rem; line-height: 1.27; margin-bottom: 13rem; }
    .jt-blocks .jt-cover-header p { font-size: 14rem; line-height: 1.43; }
    .jt-blocks .jt-cover-header + * { margin-top: 54rem; }
    html.ios .jt-blocks .jt-cover-header__meta { margin-bottom: 14rem; }
    html.ios .jt-blocks .jt-cover-header h1 { margin-bottom: 8rem; }
    html.ios .jt-blocks .jt-cover-header .jt-cover-header__cat:after { top: 1rem; }

    .jt-blocks .jt-basic-header { margin-left: 14rem; margin-right: 14rem; padding: 110rem 0 57rem; }
    .jt-blocks .jt-basic-header__meta { margin-bottom: 12rem; }
    .jt-blocks .jt-basic-header .jt-basic-header__cat { font-size: 11rem; }
    .jt-blocks .jt-basic-header .wp-block-post-date time { font-size: 11rem; }
    .jt-blocks .jt-basic-header h1 { font-size: 28rem; line-height: 1.27; margin-bottom: 13rem; }
    .jt-blocks .jt-basic-header p { font-size: 14rem; line-height: 1.43; }
    html.ios .jt-blocks .jt-basic-header__meta { margin-bottom: 14rem; }
    html.ios .jt-blocks .jt-basic-header h1 { margin-bottom: 8rem; }
    html.ios .jt-blocks .jt-basic-header .jt-basic-header__cat:after { top: 1rem; }
    
    .jt-blocks .jt-basic-header + * { margin-top: 0; }
    .jt-blocks .jt-basic-header + h1,
    .jt-blocks .jt-basic-header + h2,
    .jt-blocks .jt-basic-header + h3,
    .jt-blocks .jt-basic-header + h4,
    .jt-blocks .jt-basic-header + h5,
    .jt-blocks .jt-basic-header + h6 { margin-top: 22rem; }
    .jt-blocks .jt-basic-header + p { margin-top: 22rem; }
    .jt-blocks .jt-basic-header + blockquote.wp-block-quote { margin-top: 30rem; }
    .jt-blocks .jt-basic-header + .jt-blocks ul:not(.blocks-gallery-grid), 
    .jt-blocks .jt-basic-header + .jt-blocks ol:not(.blocks-gallery-grid) { margin-top: 25rem; }

    .jt-blocks > .block-slideshow { margin-top: 60rem; margin-bottom: 60rem; }

    .jt-blocks .jt-slideshow__title { margin-top: 17rem; }
    .jt-slideshow__slide { width: 347rem; margin: 0 4rem; padding-bottom: 17rem; }
    .jt-slideshow__title br { display: none; }
    .jt-slideshow .swiper-container-horizontal > .swiper-scrollbar { width: calc(100% - 28rem); }

    .jt-single .jt-blocks > *.post-password-form { margin-left: 14rem; margin-right: 14rem; padding-bottom: 100rem; }
    .jt-blocks h2.post-password-form__title { margin-bottom: 8rem; }
    .jt-blocks p.post-password-form__desc { font-size: 13rem; margin-bottom: 28rem; }
    .post-password-form__field-wrap > *:first-child { width: calc(100% - 108rem); margin-right: 8rem; }
    .post-password-form__field-wrap > div + div { width: 100rem; }
    .post-password-form__field-wrap input[type="password"] { width: 100%; }
    .post-password-form__submit { width: 100%; padding: 9rem 10rem 6rem; }
    html.ios .post-password-form__submit { padding-top: 9rem; padding-bottom: 7rem; }
    
} /* 540px */