/*
	Theme Name: 子比主题
	Description: Zibll 子比主题专为商城、论坛、圈子博客、自媒体、资讯类的网站设计开发，采用简约优雅的设计风格让网站更具美感，创新的前端模块化功能配置和全面的前端用户功能，以及快捷的支付功能、全面的用户功能以及强大的社区论坛功能使子比主题成为更适合现代化网站的优雅主题！ <a target="_blank" href="https://www.zibll.com">访问官网</a>
	Theme URI: https://www.zibll.com
	Author: 瑞浩网络-Qinver
	Author URI: https://www.zibll.com
	Requires at least: 5.0
	Requires PHP: 7.0-8.2
	Version: 8.1
	Tags: 社区、论坛、圈子、商城、中文、博客、科技、简约、付费阅读、付费下载、扁平化、用户中心、网址导航、熊掌号、垂直站点、SEO优化、响应式、增强编辑器
*/
 body.nav-fixed{padding-top:0;}
.container-header{max-width:none;}

.nav-fixed.body-scroll .social-top{position: fixed;z-index: 2;margin:-100px auto 0;left: 0;right: 0;}
.nav-fixed.body-scroll .social-top .top-style-bottom{max-width: var(--mian-max-width);margin: auto;}
.navbar-collapse .search-input {
    background: rgb(255 255 255 / 62%);
}
.header-banner{background-image:url(/wp-content/themes/zibll/img/banner1.webp);overflow:auto;margin-bottom:0px;height: 170px;}
.social-top{margin-bottom:10px;background-color:var(--main-bg-color);m}
.nav-fixed .header{background-color:transparent;backdrop-filter:saturate(1) blur(2px);background-image: linear-gradient(to bottom, #0000008f, #ffffff00);}
.header a:not(.but),.header svg{color:white;}
.header .sub-menu a, .header .sub-menu svg {
    color: var(--main-color);
}
.dark-theme .header .menu-item .sub-menu a{color:#fff!important;}
.nav-fixed .social-top .header{position:unset;}
.social-top .header{height:130px;}
.social-top .wrapper{width:auto;max-width:var(--mian-max-width);margin:auto;display:flex;justify-content:space-between;height:100px;padding:0 20px;}
.social-top .mobile-box{width:100%;display:flex;justify-content:space-between;align-items:center;}
.submenu-left{display:flex;gap:16px;justify-content:space-evenly;font-weight:bold;font-size:14px;margin-right:20px;height:62px;}
.submenu-left > div a{display:flex;flex-direction:column;align-items:center;}
.submenu-left img{width:40px;height:40px;display:block;margin-bottom:2px;}
.social-top .top-menu{flex:1;width:100%;}
.social-top .top-menu > ul{display:flex;gap:10px 15px;height:70px;overflow:hidden;align-items:center;flex-wrap:wrap;justify-content:center;}
.top-menu ul li.depth-0{line-height:1;}
.social-top .top-menu ul li.depth-0 > a{padding:0!important;height:30px;border-radius:6px;opacity:.8;box-sizing:border-box;display:flex;align-items:center;font-weight:400;box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--main-color);--this-bg:rgba(136,136,136,0.1);--this-border:transparent;--this-shadow:none;--this-color:var(--this-color);font-size:xx-small;}
.social-top .top-menu ul li.depth-0 >a:hover{opacity:.8;color:var(--focus-color);background-color:var(--main-shadow);}
.top-menu ul li.depth-0 a span{min-width:42px;text-align:center;line-height:1;}
.top-menu ul li.depth-0 a em{margin-right:5px;min-width:35px;text-align:center;line-height:5px;background:#72c9e5;padding:5px 1px;color:#fff;font-size:10px;border-radius:3px;}
.submenu-right{display:flex;gap:18px 6px;flex-flow:wrap;padding-left:20px;margin-left:20px;border-left:1px solid #ccc;width:22%;}
.submenu-right > div{padding:0 4px;width:30%;}
.submenu-right > div a{display:flex;align-items:center;}
.submenu-right img{width:18px;height:18px;margin-right:2px;}

.navbar-form .form-control{
    width: 600px;
}
/*.navbar-top .navbar-nav{width:150px;}*/
.index_slider_grid{display:grid;grid-column:span 5;grid-template-columns:repeat(5,1fr);grid-gap:16px;}
.index_slider_grid div img{width:100%;}
.b1{grid-column:1/3;grid-row:1/3;}
@media (max-width:1400px){
    .submenu-right{}
}
@media (max-width:1200px){
    .submenu-right{width:30%}
    .index_slider_grid{grid-column:span 4;grid-template-columns:repeat(4,1fr);}
    .navbar-form .form-control {
        width: 300px;
    }
    .submenu-right{width:28%;display:none;}
}
@media (max-width:767px){
    .social-top .wrapper,.submenu-left{display:none;}
    .index_slider_grid{grid-column:span 3;grid-template-columns:repeat(2,1fr);}
    .navbar-form .form-control {
        width: 200px;
    }
    .container-fluid,
    {}
    .social-top{margin-top:0px ;}
    .header-banner{height:60px;}
    .theme-box {margin-bottom: 32px;}
}
.posts-index-mini{overflow:hidden;position:relative;}
.posts-index-mini .item-thumbnail{border-radius:var(--main-radius) var(--main-radius) 0 0;height:0;padding-bottom:50%;position:relative;overflow:hidden;border-radius:var(--main-radius);}
.posts-index-mini .item-thumbnail img{border-radius:var(--main-radius) var(--main-radius) 0 0;width:100%;}
.posts-index-mini .item-body{ width:100%;margin:10px 0 0 0;}
.posts-index-mini .item-body h2{margin-top:0;margin-bottom:5px;font-size:14px;line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;max-height:2.8em;}