@charset "utf-8";

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



/* **************************************** *
 * 2000px ~ 2560px
 * **************************************** */
@media (min-width: 2000px) and (max-width: 2560px) {

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.05254860746190225vw; }

}



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

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.06060606060606061vw; }

}



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

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.06756756756756757vw; }

    /* HEADER */
    #header { height: 94rem; }

    .logo--type-image { width: 180rem; height: 40rem; }

    /* FOOTER */
    .footer__navigation { width: 572rem; padding-top: 7rem; }
    
    .footer__social ul { gap: 10rem 28rem; }

}



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

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.0833333333333333vw; }

    /* HEADER */
    .logo--type-text { max-width: 210rem; }
    .logo--type-image { width: 164rem; height: 36rem; }

    .menu-container { width: calc(100% - 420rem); }

    /* FOOTER */
    .footer__inner { padding: 32rem 0 36rem; }

    .footer__navigation { width: 518rem; padding-top: 6rem; }

    .footer__social ul { gap: 8rem 22rem; }

    .footer__social + .footer__menu-container { margin-top: 18rem; }

    /* PROTECTED */
    .jt-post-password-form__entry > * { height: 54rem; }
    .jt-post-password-form__submit { padding-bottom: 2rem; }

    /* ERRORS */
    .logo--type-error > span { font-size: 20rem; }
    .logo--type-error > i { width: 22rem; height: 22rem; }

    .jt-error__btn { padding: 10rem 40rem; }

}



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

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.09775171065493645vw; }

    /* HEADER */
    #header { height: 75rem; }

    .menu-container { display: none; }

    .logo--type-text { width: auto; max-width: 80%; }
    .logo--type-image { height: 30rem; }

    .small-menu-controller { display: block; width: 30rem; height: 30rem; position: absolute; top: 21rem; right: 28rem; }
    .small-menu-controller__line { display: block; width: 100%; height: 3px; position: absolute; left: 0; background: var(--wp--custom--color-jt-primary); }
    .small-menu-controller__line--01 { top: 9rem; }
    .small-menu-controller__line--02 { bottom: 8rem; }

    .small-menu-layer { display: none; width: 100%; height: 100%; padding-top: 75rem; position: fixed; top: 0; left: 0; background: var(--wp--custom--color-jt-secondary); overflow: hidden; z-index: 650; }
    .small-menu-layer__inner { width: 100%; height: 100%; padding: var(--wp--preset--spacing--jt-05) var(--wp--custom--gutter-jt-01); position: relative; z-index: 2; overflow-y: scroll; }
    .small-menu-container { display: block; max-width: 340rem; }
    #small-menu { position: relative; }
    #small-menu li { display: block; position: relative; }
    #small-menu a { display: block; position: relative; font-family: var(--wp--preset--font-family--jt-secondary); letter-spacing: var(--wp--custom--letter-spacing-jt-02); transition: color .3s; }
    #small-menu span { display: inline-block; position: relative; }
    #small-menu ul.sub-menu { display: none; }
    #small-menu > li > a { padding: 13rem 0; font-size: var(--wp--preset--font-size--jt-04); line-height: var(--wp--custom--line-height-jt-secondary-04); color: var(--wp--custom--color-jt-primary); }
    #small-menu > li > a > span:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: var(--wp--custom--color-jt-primary); opacity: 0; }
    #small-menu > li.current_page_item > a > span:after { opacity: 1; }

    body.open-menu-fixed { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
    body.open-menu #header { transform: none !important; opacity: 1 !important; visibility: visible !important; }
    body.open-menu #logo, body.open-menu .small-menu-controller { z-index: 651; }

    html[dir=rtl] .small-menu-controller { right: inherit; left: 28rem; }

    /* FOOTER */
    .footer__navigation { width: 498rem; padding-top: 5rem; }

    .footer__social li { width: 30rem; height: 30rem; }

    .footer__social + .footer__menu-container { margin-top: 15rem; }

    /* PROTECTED */
    .jt-post-password-form__entry > * { height: 52rem; }
    .jt-post-password-form__submit { padding-left: 30rem; padding-right: 30rem; }

    html.ios .jt-post-password-form__submit { padding-bottom: 0; }

    /* 404 */
    .jt-error404 { padding-top: 0; }

    /* ADMIN BAR */
    body.admin-bar .small-menu-layer { padding-top: calc(var(--wp-admin--admin-bar--height) + 75rem); }
    
}



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

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.1302083333333333vw; }

    /* HEADER */
    #header { height: 64rem; }

    .logo--type-text > a { display: block; width: auto; font-size: 0; white-space: nowrap; text-overflow: ellipsis; }
    .logo--type-text > a > span { display: inline; }
    .logo--type-image { width: 150rem; height: 25rem; }

    .small-menu-controller { top: 16rem; right: 24rem; }

    html[dir=rtl] .small-menu-controller { left: 24rem; }

    /* FOOTER */
    .footer__navigation { width: 480rem; }

    .footer__social ul { gap: 6rem 20rem; }

    /* PROTECTED */
    .jt-post-password-form__entry > * { height: 48rem; }
    .jt-post-password-form__field { padding-bottom: 3rem; }
    .jt-post-password-form__submit { padding-bottom: 0; }

    html.ios .jt-post-password-form__submit { padding-bottom: 2rem; }

}



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

    /* GLOBAL */
    html,
    html.safari.desktop { font-size: 0.2564102564102564vw; }

    /* HEADER */
    .small-menu-controller { right: 18rem; }
    .small-menu-controller__line { width: 26rem; left: 2rem; }

    .small-menu-container { max-width: inherit; }

    html[dir=rtl] .small-menu-controller { left: 18rem; }

    /* FOOTER */
    .footer__inner { padding-top: 24rem; }

    .footer__info { gap: var(--wp--preset--spacing--jt-08); }

    .footer__navigation { width: auto; padding-top: 1rem; }

    .footer__social ul { gap: 2rem 15rem; }
    .footer__social a:after { font-size: 22rem; }

    .footer__social + .footer__menu-container { margin-top: 12rem; }

    /* PROTECTED */
    .jt-post-password-form__entry > * { height: 46rem; }
    .jt-post-password-form__field { padding-left: 18rem; padding-right: 18rem; }
    .jt-post-password-form__submit { padding-left: 20rem; padding-right: 20rem; }

    /* 404 */
    .jt-error404 { padding-left: var(--wp--custom--gutter-jt-01); padding-right: var(--wp--custom--gutter-jt-01); }
    .jt-error404__desc br { display: none; }

    /* ERRORS */
    .logo--type-error > i { width: 20rem; height: 20rem; }

    .jt-error { padding-top: 32rem; }
    .jt-error__btn { padding: 9rem 34rem; }

    /* ADMIN BAR */
    html.open-menu--admin { margin-top: 0 !important; }
    html.open-menu--admin #wpadminbar { z-index: 499; }

    body.admin-bar #header.sticky { top: 0; }

    body.admin-bar .small-menu-layer { padding-top: 75rem; }

}