/*
Theme Name: uosvd manual
Author: First Things First
Description: 서울시립대학교 디자인학과 시각디자인전공
Version: 1.0.0
*/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

.mo-site-nav {
    display: none;
}

body {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 14px;
    background: #292929;
    color: white;
    margin: 0;
    padding: 0;
}

p {
    line-height: 1.8em;
    margin: 0;
    padding-bottom: 40px;
}

a {
    color: white;
    text-decoration: none;
}

div.container {
    margin: 0 auto;
    padding: 0;
}

.headercss {
    border-bottom: 1px solid #868686;
    display: flex;
    justify-content: space-between;
    font-family: "Helvetica Neue", 'noto sans';
}

.site-header {
    background: #292929;
    position: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 99;
}


.site-header h2 {
    padding: 0.25em 0.5em;
    font-size: 1.7em;
    letter-spacing: -0.02em;
    font-weight: 600;
    margin: 0;
    display: inline-block;
}

/* 글 */
div.page_content {
    margin-left: 17em;
    padding-top: 3em;
}

article.post {
    border-bottom: 1px solid #868686;
}

article.post:last-of-type {
    border-bottom: 0;
}

.site-nav {
    height: 100%;
    position: fixed;
    width: 17em;
    font-weight: 400;
    border-right: 1px solid #868686;
}

.site-nav ul {
    margin: 0;
    padding: 0;
}

.site-nav ul li {
    list-style: none;
}

.site-nav ul::before,
.site-nav ul::after {
    content: "";
    display: table;
}

.site-nav ul::after {
    clear: both;
}

.site-header .site-nav ul li a {
    display: block;
    padding: 0px 5px;
}

.site-header .site-nav ul li.current_page_item a {
    background: white;
    color: #292929;
    text-decoration: underline;
}

.menu-item {
    text-align: left;
    border-bottom: 1px solid #868686;
    font-size: 1.6em;
    letter-spacing: -0.02em;
    font-weight: 600;
    margin: 7px 10px 0px 10px;
    padding-bottom: 10px;
}

.sub-menu li {
    text-align: right;
    font-size: 0.72em;
    font-weight: 500;
    line-height: 1.7;
    margin: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid white;
}

/* 포스트 */
.page_title {
    display: block;
    font-size: 2.8em;
    padding: 0.6em 0.3em 0.5em 0.2em;
    border-bottom: 1px solid #868686;
    font-weight: 600;
    letter-spacing: -0.045em;
    color: white;
    line-height: 0.6;
    text-align: left;
    margin: 0em 0.4em;
}

.wp-block-latest-posts__post-title {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.6;
    display: inline;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    border-right: 1px solid #868686;
    padding: 0.2em 0.8em;
    margin: 0.8em 0em;
}

.wp-block-latest-posts__post-full-content {
    font-size: 1.2em;
    display: inline-block;
    margin: 1em 1.2em;
}

.wp-block-latest-posts__post-full-content p {
    display: inline-block;
    margin: 0;
}

.wp-block-latest-posts__list {
    margin: 0;
}

.wp-block-latest-posts li {
    display: flex;
    border-bottom: 1px solid #868686;
    margin: 0em 1em;
}

.wp-block-latest-posts li:last-of-type {
    border-bottom: 1px solid #868686;
}

.wp-block-table {
    padding: 0;
}

.page p {
    vertical-align: top;
    margin-left: 1em;
}

.page p:first-of-type {
    margin-left: 0;
}

.has-inline-color {
    background-color: transparent;
}

.has-vivid-red-color {
    color: #ff4141 !important;
}

.blue {
    color: white;
}

.um-form {
    margin-top: 3em;
}


.wp-block-latest-posts__post-full-content p a {
    color: #5477ba;
    text-decoration: underline;
}

.wp-block-page-list {
    padding: 0;
    margin: 0;
}

.wp-block-page-list li {
    list-style: none;
    border-bottom: 1px solid #868686;
    padding: 1em;
    font-size: 2em;
}

.wp-block-latest-posts__post-title {
    pointer-events: none;
}

.hamburger,
.close {
    display: none;
}

ul {
    list-style: none;
}

/* 과제전시회 */
.home .leader_nav,
.home .printroom_nav,
.home .presentation_nav,
.parent-pageid-24 .leader_nav,
.parent-pageid-24 .printroom_nav,
.parent-pageid-24 .presentation_nav,
.parent-pageid-24 .h2_presentation,
.parent-pageid-24 .h2_leader,
.parent-pageid-24 .h2_printroom,
.parent-pageid-16 .leader_nav,
.parent-pageid-16 .h2_presentation,
.parent-pageid-16 .h2_leader,
.parent-pageid-16 .h2_printroom,
.parent-pageid-16 .printroom_nav,
.parent-pageid-16 .presentation_nav,
.parent-pageid-32 .leader_nav,
.parent-pageid-32 .printroom_nav,
.parent-pageid-32 .presentation_nav,
.parent-pageid-32 .h2_presentation,
.parent-pageid-32 .h2_leader,
.parent-pageid-32 .h2_printroom,
.parent-pageid-9 .leader_nav,
.parent-pageid-9 .printroom_nav,
.parent-pageid-9 .presentation_nav,
.parent-pageid-9 .h2_presentation,
.parent-pageid-9 .h2_leader,
.parent-pageid-9 .h2_printroom,

/* 과제발표회  */
.parent-pageid-61 .leader_nav,
.parent-pageid-61 .printroom_nav,
.parent-pageid-61 .undergradshow_nav,
.parent-pageid-61 .h2_exhibition,
.parent-pageid-61 .h2_leader,
.parent-pageid-61 .h2_printroom,

/* 과대표 */
.page-id-124 .presentation_nav,
.page-id-124 .printroom_nav,
.page-id-124 .undergradshow_nav,
.page-id-124 .h2_exhibition,
.page-id-124 .h2_presentation,
.page-id-124 .h2_printroom,
.parent-pageid-126 .presentation_nav,
.parent-pageid-126 .printroom_nav,
.parent-pageid-126 .undergradshow_nav,
.parent-pageid-126 .h2_exhibition,
.parent-pageid-126 .h2_presentation,
.parent-pageid-126 .h2_printroom,


/* 프린트룸 */
.parent-pageid-158 .presentation_nav,
.parent-pageid-158 .leader_nav,
.parent-pageid-158 .undergradshow_nav,
.parent-pageid-158 .h2_exhibition,
.parent-pageid-158 .h2_presentation,
.parent-pageid-158 .h2_leader,
.parent-pageid-153 .presentation_nav,
.parent-pageid-153 .leader_nav,
.parent-pageid-153 .undergradshow_nav,
.parent-pageid-153 .h2_exhibition,
.parent-pageid-153 .h2_presentation,
.parent-pageid-153 .h2_leader {
    display: none !important;
}


@keyframes cursor {
    0% {
        border-right: 1px solid #fff
    }

    50% {
        border-right: 1px solid #292929;
    }

    100% {
        border-right: 1px solid #fff
    }
}

.hello_name,
.hello_info {
    z-index: 2;
    padding: 1em 1.2em;
    font-size: 1.7em;
    line-height: 1.5;
    letter-spacing: -0.015em;
}

.txt {
    position: fixed;
    bottom: 1em;
}

.strong {
    font-weight: 600;
}


@media (max-width: 800px) {

    html {
        overflow-x: hidden;
    }

    .txt {
        position: fixed;
        bottom: 0.3em;
    }

    .site-header {
        z-index: 99;
    }

    .headercss .h2_2 {
        display: none;
    }

    .site-header h2 {
        font-size: 1.8em;
        padding: 0.2em 0.5em;
    }

    .site-nav {
        display: none;
    }

    .mo-site-nav,
    .undergradshow_nav,
    .leader_nav,
    .printroom_nav,
    .presentation_nav {
        display: none;
    }

    .hello_name,
    .hello_info {
        z-index: 2;
        padding: 1em 1.2em;
        font-size: 1.3em;
        line-height: 1.5;
        letter-spacing: -0.015em;
    }

    .home-nav {
        font-size: 1.4em;
        line-height: 1.4;
    }

    div.page_content {
        margin-left: 0;
    }

    .page_title {
        font-size: 2em;
        letter-spacing: -0.03em;
        padding: 0.8em 0.2em 0.7em 0.2em;
        font-weight: 600;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }

    .wp-block-latest-posts__post-title {
        display: inline-block;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        border-left: 0px solid white;
        border-right: 0px solid white;
        border-bottom: 1px solid #868686;
        padding: 0.6em 0.7em;
        font-size: 1.2em;
        line-height: 1.4;
        margin: 0;
        text-align: center;
    }

    .wp-block-latest-posts__post-full-content {
        padding: 0.8em 0.7em;
        font-size: 1.1em;
        margin: 0;
        letter-spacing: -0.01em;
    }

    .wp-block-latest-posts li {
        display: block;
        padding-bottom: 30px;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .wp-block-latest-posts {
        margin: 0.5em 1em;
    }

    .wp-block-latest-posts li:last-of-type {
        border-bottom: 0px solid white;
        margin-bottom: 1em;
    }

    .wp-block-page-list li {
        list-style: none;
        border-bottom: 1px solid #868686;
        padding: 1em 0.5em;
        font-size: 1.6em;
    }

    .wp-block-latest-posts__post-title {
        pointer-events: none;
    }

    .hamburger,
    .close {
        width: 35px;
        height: 35px;
        padding: 0.2em;
    }

    .hamburger img,
    .close img {
        width: 100%;
    }

    .close {
        display: none;
    }

    .hamburger {
        display: block;
    }

    .mo-site-nav {
        width: 100%;
        height: 100vh;
        position: fixed;
        font-weight: 400;
        font-size: 1.7em;
        border-right: 1px solid #868686;
        background: #292929;
        letter-spacing: -0.02em;
        overflow: scroll;
    }

    .menu-mobile-container {
        height: 130vh;
    }

    .mo-site-nav ul {
        margin: 0;
        padding: 0;
    }

    #menu-mobile {
        padding: 0.25em 0.5em 1em 0.5em;
    }

    .mo-site-nav ul li {
        list-style: none;
        line-height: 1.2;
        margin: 0 0.5em;
    }

    .mo-site-nav ul::before,
    .mo-site-nav ul::after {
        content: "";
        display: table;
    }

    .mo-site-nav ul::after {
        clear: both;
    }

    .site-header .mo-site-nav .menu-item-has-children {
        padding: 5px 0px;
        margin: 0 0.5em;
    }

    .site-header .mo-site-nav ul li a {
        display: block;
        padding: 4px 5px 4px 5px;
    }

    .site-header .mo-site-nav ul li.current_page_item a {
        background: white;
        color: #292929;
        text-decoration: underline;
    }

    .menu-item {
        text-align: left;
        border-bottom: 1px solid #868686;
        font-size: 0.9em;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

    .sub-menu li {
        text-align: right;
        font-size: 0.8em;
        font-weight: 500;
    }

}