#theme-header{border-bottom:1px solid var(--line-color);background:#fff}
.logo-row{justify-content:space-between;align-items:center;padding:14px 0}
.logo-mark{font-size:36px;font-weight:700;color:var(--title-color);text-decoration:none}
.logo-mark:hover{text-decoration:none;color:var(--brand-color)}
.main-nav-wrapper{border-top:1px solid var(--line-color)}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{display:block;padding:18px 2px;color:#333;font-weight:500;text-transform:capitalize}
.menu a:hover{color:var(--brand-color);text-decoration:none}
.mobile-nav-toggle{display:none;border:0;background:transparent;padding:6px;cursor:pointer}
.mobile-nav-toggle__bar{display:block;width:23px;height:2px;background:#333;margin:4px 0}

.page-title{margin:0;font-size:34px}
.tie-breadcrumb-list{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin-bottom:16px}
.tie-breadcrumb-item:not(:last-child)::after{content:"/";padding-left:8px;color:#999}

.slider-area .slide{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.grid-item{min-height:430px;background-size:cover;background-position:center;border-radius:6px;position:relative;overflow:hidden}
.all-over-thumb-link{position:absolute;inset:0;z-index:2}
.thumb-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.15) 65%);padding:26px}
.thumb-content{position:relative;z-index:3}
.thumb-meta span{color:#fff;opacity:.9;font-size:13px}
.thumb-title{font-size:30px;margin:10px 0 8px}
.thumb-title a{color:#fff}
.thumb-title a:hover{color:#fff;text-decoration:underline}
.thumb-desc{color:#e8e8e8}
.grid-sub-items{display:flex;flex-direction:column;gap:14px}
.grid-sub-item{border:1px solid var(--line-color);border-radius:6px;padding:10px;background:#fff}
.grid-sub-item .thumb-title{font-size:16px;margin-top:8px}
.grid-sub-item .thumb-title a{color:var(--title-color)}

.posts-items{display:grid;gap:18px}
.post-item{display:grid;grid-template-columns:220px 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line-color)}
.post-item:last-child{border-bottom:0;padding-bottom:0}
.post-thumb img{border-radius:4px;aspect-ratio:16/9;object-fit:cover;width:100%}
.post-meta{display:flex;flex-wrap:wrap;gap:12px;color:#777;font-size:13px;margin-bottom:8px}
.post-title{font-size:23px;margin-bottom:8px}
.post-title a{color:var(--title-color)}
.post-title a:hover{color:var(--brand-color)}
.post-excerpt{margin-bottom:10px}

.sidebar .container-wrapper{margin-bottom:22px}
.widget-title .the-subtitle{font-size:18px;font-weight:700;color:var(--title-color);margin-bottom:12px}
.widget-post-list{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-color)}
.widget-post-list:last-child{border-bottom:0}
.widget-post-list .post-thumb img{aspect-ratio:4/3}
.post-widget-body .post-title{font-size:15px;line-height:1.4;display:block}
.post-widget-body .post-meta{margin:8px 0 0;font-size:12px}
.widget_nav_menu .menu{display:block}
.widget_nav_menu .menu li{border-bottom:1px solid var(--line-color)}
.widget_nav_menu .menu a{padding:10px 0}

.site-footer{background:var(--footer-bg);color:var(--footer-text);margin-top:30px}
#footer-widgets-container{padding:30px 0 8px}
.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer-column-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:12px}
.footer-list li{margin-bottom:8px}
.footer-list a{color:var(--footer-text)}
.footer-list a:hover{color:#fff}
#site-info{border-top:1px solid rgba(255,255,255,.12);padding:14px 0}
.copyright-text{font-size:14px}

.pagination-list{display:flex;gap:8px;margin-top:22px}
.pagination-list a,.pagination-list span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line-color);border-radius:3px;color:#444}
.pagination-list .is-active span{background:var(--brand-color);border-color:var(--brand-color);color:#fff}
.pagination-list .is-disabled span{opacity:.45}

@media (max-width:992px){
    .menu{display:none}
    .main-nav-wrapper.is-open .menu{display:flex;flex-direction:column;gap:0;padding:8px 0}
    .mobile-nav-toggle{display:block}
    .slider-area .slide{grid-template-columns:1fr}
    .grid-item{min-height:320px}
    .post-item{grid-template-columns:1fr}
    .footer-columns{grid-template-columns:1fr}
}