/*
Theme Name: twentysixteen-English
Description: Child theme for Twenty Sixteen, adapted for the English site.
Author: Antigravity & etna
Template: twentysixteen
Version: 1.0.0
*/

@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap");

/* :root {
  --default-font-family: "Noto Sans KR", "Malgun Gothic", "Nanum Gothic", sans-serif;
} */

body {
    font-family: Merriweather, Georgia, "Noto Serif KR", serif;
}

@media screen and (min-width: 44.375em) {

    body {
        background: #d3d3d3;
    }

    body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
        height: 0;
    }

    /* body:not(.custom-background-image):after {
        background: url(images/main/bg_bottomline.jpg) repeat-x;
        content: "";
        display: block;
        height: 21px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 99;
    } */

    .site {
        background-color: #fff;
    }

    .site .site-inner {
        background: url(images/main/titleimage2026-bg.png) no-repeat left top;
        max-width: none;
    }

    .site-inner-wrap {
        max-width: 1320px;
        margin: 0 auto;
        position: relative;
    }
}

/* Front Page Specific Styles (Responsive Flex Layout) */
.home-content-wrapper {
    margin: 0 auto;
    padding: 20px;
}

.invitation-banner {
    display: flex;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    border: #E3E3E3 7px solid;
    margin-bottom: 30px;
}

.invitation-text {
    flex: 1 1 350px;
    padding: 25px;
}

.invitation-slider {
    flex: 1 1 550px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
}

.main-content-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.primary-content {
    flex: 2 1 600px;
}

.secondary-content {
    flex: 1 1 300px;
}

.section-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.section-box {
    flex: 1 1 280px;
    margin-bottom: 20px;
}

.section-box-header {
    height: 42px;
    margin-bottom: 20px;
    background: url(images/main/ttl_bg.png) no-repeat left bottom;
}

.section-box-header h4 {
    color: #1c3683;
}

/* .key-teachings-header {
    background: url(images/main/ttl_KeyTeachings.gif) no-repeat center;
}

.qna-header {
    background: url(images/main/ttl_QnA.gif) no-repeat center;
}

.books-header {
    background: url(images/main/ttl_Books.gif) no-repeat center;
}

.gallery-header {
    background: url(images/main/ttl_Gallery.gif) no-repeat center;
} */

.logo-area img {
    width: 200px;
    height: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {

    .invitation-banner,
    .main-content-grid,
    .section-grid {
        flex-direction: column;
    }

    .invitation-slider {
        display: none !important;
    }

    .main-navigation a::after {
        background-color: initial !important;
    }
}

@media (min-width: 910px) {
    .logo-area img {
        width: 250px;
        height: auto;
    }
}

@media (min-width: 1200px) {
    .logo-area img {
        width: 300px;
        height: auto;
    }
}

/* Header Adjustments for custom logo */
.site-branding .logo-area {
    margin-bottom: 20px;
    max-height: 100px;
    width: auto;
}

.header-right-minimal {
    /* float: right; */
    margin-bottom: 15px;
    margin-right: 10px;
    display: inline-block;
}

.site-header-main {
    overflow: hidden;
    /* Clear float */

}

.header-utility-links {
    padding-right: 20px;
    padding-bottom: 20px;
}

.header-utility-links .search-area {
    margin-bottom: 10px;
}

.header-utility-links .header-right-minimal {
    font-family: 'Noto Sans KR', sans-serif, serif;
}

.site-info {
    font-family: 'Noto Sans KR', sans-serif, serif;
}

@media screen and (min-width: 61.5625em) {

    .site-header {
        padding: 5.25em 4.5455% 1em;
    }

    .site-branding,
    .site-header-menu,
    .header-image {
        margin-top: 1em;
    }

    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
        /* float: left;
        margin-right: -100%; */
        /* margin-left: 34.99999999%; */
        /* width: 50.00000001%; */
        width: 65%;
    }
}


/* Main Menu Styling Enhancements */
.main-navigation a {
    font-size: 18px !important;
    /* font-weight: 700 !important; */
    letter-spacing: -0.02em;
    transition: all 0.3s ease;
    position: relative;
    padding: 15px 10px !important;
}

.main-navigation li {
    margin: 0 5px;
}

/* Hover State */
.main-navigation a:hover {
    color: #1c3683 !important;
}

.main-navigation a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    background-color: #1c3683;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.main-navigation a:hover::after {
    transform: scaleX(1);
}

/* Active State */
.main-navigation .current-menu-item>a,
.main-navigation .current_page_item>a {
    color: #1c3683 !important;
}

.navigation .current-menu-item>a::after,
.main-navigation .current_page_item>a::after {
    transform: scaleX(1);
    height: 4px;
}

/* Glossary Tooltip Styling */
#tt #ttcont div.glossaryItemTitle {
    color: #ffffff !important;
}

.sidebar.widget-area .widget .menu .menu-item {
    font-size: 15px;
}

article .entry-content table td {
    border: none;
}

/* Sidebar Layout Fix (Flexbox) */
@media screen and (min-width: 910px) {
    .site-content {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 2%;
    }

    #primary.content-area {
        float: none !important;
        width: 73% !important;
        margin: 0 !important;
    }

    #secondary.sidebar {
        float: none !important;
        width: 25% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 909px) {
    .site-content {
        display: block !important;
    }

    #primary.content-area,
    #secondary.sidebar {
        width: 100% !important;
        float: none !important;
        margin: 0 0 2em 0 !important;
    }
}

/* Admin Full-Width Layout */
@media screen and (min-width: 910px) {

    body.author-admin.single-post #primary.content-area,
    body.single-post article.post-admin-fullwidth #primary.content-area {
        width: 100% !important;
        margin-right: 0 !important;
    }

    body.author-admin.single-post #secondary.sidebar,
    body.single-post article.post-admin-fullwidth #secondary.sidebar {
        display: none !important;
    }

    .post-admin-fullwidth .entry-header,
    .post-admin-fullwidth .entry-content,
    .post-admin-fullwidth .entry-summary,
    .post-admin-fullwidth .entry-footer {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* @media screen and (min-width: 61.5625em) {
    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
        width: 100%;
    }
} */

/* Front Page Full-Width layout */
@media screen and (min-width: 910px) {
    .home #primary.content-area {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .home .primary-content {
        flex: 1 1 100% !important;
    }
}