/*
 * 책중독자 테마 헤더 오버라이드.
 *
 * 부모 goyobase/assets/css/header.css 전체가 먼저 로드되고, 이 파일이 그 뒤에 얹힌다
 * ( inc/header-style.php 가 처리 ). 여기에는 "덮어쓸 규칙"만 적으면 된다 — 헤더 CSS 를
 * 통째로 옮겨올 필요 없음.
 * 셀렉터 특이도가 부모와 같으면 나중에 로드되는 이 파일이 이긴다.
 */
header, .front-page header { background-color: #FBF9F3 !important; }
header .menu-item > a{padding: 0 12px;}
header .sub-menu{min-width: 130px; }
.sub-menu .menu-item a{padding: 8px 12px;white-space: nowrap;}
footer p span{color:inherit;}
footer #menu-footer-menu .menu-item > a{color: #666 !important;font-size: 13px; padding:4px 8px; }
footer .footer-navigation { text-align: right; margin-bottom: 0; }
.footergrid{max-width:1360px; margin: 0 auto;padding: 1vw;}
.menu-container .more-navigation li a {font-weight: 400 !important; font-size:18px;}
.subBanner { padding: 80px 0 0 0; margin: 0 !important; height: 0 !important; min-height: 0 !important; background-image: none !important;}
.page main > .subBanner,
.category main > .subBanner,
.single main > .subBanner,
.archive main > .subBanner,
.search main > .subBanner,
.admin-bar.page main > .subBanner,
.admin-bar.category main > .subBanner,
.admin-bar.single main > .subBanner,
.admin-bar.archive main > .subBanner,
.admin-bar.search main > .subBanner { position: relative; top: auto;}
.subBanner > .container { padding: 40px 0; gap: 20px; }
.subBanner > .container:has(.subNavWrap:empty) { gap: 0; }
.single .subBanner {height:max-content !important; padding: 80px 0 0px 0;}
.single .subBanner .pageTitle{align-items: start;font-size:22px }
.single .subBanner > .container{align-items: start;  border-bottom: 1px solid #c6c0b9; padding: 40px 0 30px 0;}
.single .subBanner .subNavWrap { transform: scale(1); transform-origin: center; }
.subBanner .pageTitle .pageTitleDate{font-size: 14px; font-weight: 400; opacity: 0.7; }
.single .subBanner .subNav a.active { color: #fff !important; background-color: var(--subbanner-menu-color-active); font-size: 14px !important; margin-bottom: 20px; margin-top: 20px; padding: 10px 15px !important; border-radius: 6px; margin-bottom: 15px; letter-spacing: 1px; line-height: 1; }
.single .subBanner .subNav a:hover.active{filter: brightness(1.05);}
.single .subBanner .subNav a.active::after { font-family: bootstrap-icons; font-weight: 400; font-size: 0.9em; content: "\f280"; margin-left: 4px; line-height: 1; display: inline-block; vertical-align: middle; }
.page .subBanner > .container, 
.category .subBanner > .container, 
.archive .subBanner > .container, 
.search .subBanner > .container {display:none }

@media (max-width: 1200px) {
    .front-page header .container { max-width: 100%; }
    header .container { max-width: 100%; }
    .menu-btn .menu-icon::before { content: ""; width: 32px; height: 32px; top: 4px; left: 0; background-color: #272727; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E") no-repeat center / contain; }
    .menu-btn.active .menu-icon::before { -webkit-mask: none; mask: none; background-color: transparent; width: 32px; height: 32px; top: 6px; left: 0; }
}

 @media (max-width: 820px) {
    
    .page main > .subBanner,
    .category main > .subBanner,
    .single main > .subBanner,
    .archive main > .subBanner,
    .search main > .subBanner,
    .admin-bar.page main > .subBanner,
    .admin-bar.category main > .subBanner,
    .admin-bar.single main > .subBanner,
    .admin-bar.archive main > .subBanner,
    .admin-bar.search main > .subBanner{padding: 0 3vh !important; margin-top: 40px !important;}
    footer > div{padding: 40px 3vw !important}
    .footergrid { grid-template-columns: 1fr; gap: 3px;line-height: 1.4;}
    footer .footer-navigation {text-align: left;}
    footer #menu-footer-menu .menu-item:first-child > a {padding-left: 0 !important;}
    footer p {margin-block-start: 0px !important;}
    .frontcolGp .wp-block-post-title { font-size: 17px !important;}
    .mainleftcol{gap:5px}
    .maincol2 .bzCardGrid2{margin: 0 auto; grid-template-columns: 1fr 1fr;}
    .stikybox .metaslider .caption{ margin: 15px 15px 40px 15px;}
    .frontcolGp2box{padding: 10px !important;}
    .subNavWrap .subNav{ justify-content: start;}
 }

 @media (max-width: 520px) {
    .menu-btn { right: 10px;}
    .subbox .row { margin-right: 0; margin-left: 0; }
    .single .subBanner .pageTitle{text-align:left;padding: 0 !important;}
       
}