/*
Theme Name:wp-mzalog
Theme URI: https://www.boke8.net/wp-mzalog.html
Author: 博客吧
Author URI: https://www.boke8.net/
Description: 简洁舒适、精致优雅的外观设计，是日志型、极客型网站优选。
Version: 1.0.1
License: 使用条款
License URI: https://www.boke8.net/
Tags: light, white, purple, one-column, two-column, right-sidebar, custom-menu, theme-options
Text Domain: boke8.net
*/
*{-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.muziang{margin:0;padding:0;}
body{background-color:#f6f6f6;font:16px/1.875em 'Arial','Microsoft Yahei','Sans-serif';color:#333;word-break:break-all;}
a{text-decoration:none;outline:none;color:#333;}
a:hover{color:#996493;}
input,textarea{-webkit-appearance:none;border:none;font-family:'Microsoft Yahei';}
input:focus,textarea:focus{outline:none;}
li{list-style:none;}
a img{border:none;}
img{max-width:100%;vertical-align:middle;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:10px 1%;border:1px solid #e4e4e4;box-sizing:border-box;}
img.alignleft{float:left;margin:0 1em 1em 0;}
img.aligncenter{display:block;margin:0 auto;}
img.alignright{float:right;margin:0 0 1em 1em;}

/*header*/
#header{background-color:#fff;padding:10px 3.125%;position:relative;display:flex;align-items:center;justify-content:space-between;z-index:8;}

/*logo*/
#mza-logo{width:180px;float:left;}
#mza-logo .name{padding-bottom:22.22222222%;position:relative;}
#mza-logo a{display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background:no-repeat left center;background-size:contain;text-indent:-9999em;}

/*nav*/
#mza-nav ul{display:flex;}
#mza-nav li{float:left;font-size:16px;position:relative;padding:0 1.5vw;}
#mza-nav li a{display:block;transition:all .2s;}
#mza-nav li.on > a,#mza-nav li.current-menu-item > a,#mza-nav li.current-menu-parent > a{color:#996493;}
#mza-nav li ul{position:absolute;left:0%;top:100%;min-width:100%;background-color:#fff;box-shadow:0px 3px 3px rgba(133,153,171,0.2);padding:8px 0;display:none;z-index:6;border-radius:0 0 4px 4px;height:auto;line-height:2em;}
#mza-nav li ul:before{display:none;}
#mza-nav li li{font-size:14px;float:none;width:auto;}
#mza-nav li li:before{display:none;}
#mza-nav li li.current-menu-item a,#mza-nav li li a{color:#333;}

/*navBtn*/
#navBtn{background-color:#996493;width:32px;height:32px;overflow:hidden;position:relative;cursor:pointer;position:absolute;right:3.125%;top:50%;transform:translateY(-50%);display:none;z-index:10;}
#navBtn i{display:block;width:56%;height:2px;background-color:#fff;position:absolute;left:22%;top:50%;transform:translateY(-50%);transition:background .3s;}
#navBtn i:before{bottom:7px;}
#navBtn i:after{top:7px;}
#navBtn.active i{background-color:#996493;}
#navBtn.active i:before{transform:rotate(45deg);bottom:0;}
#navBtn.active i:after{transform:rotate(-45deg);top:0;}
#navBtn i:before,#navBtn i:after{width:100%;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;transition:all .3s;}

@media only screen and (max-width:1280px){

	/*1280px*/
	#header{padding-top:15px;padding-bottom:15px;}

	/*1280px*/
	#mza-logo{width:140px;}

	/*1280px*/
	#mza-search{width:15vw;}
	#mza-search .input{padding-right:32px;}
	#mza-search .text{padding-top:4px;padding-bottom:4px;}
	#mza-search .submit{width:32px;}

	/*1280px*/
	.mza-post .title{font-size:18px;}

	/*1280px*/
	#mza-nav ul{justify-content:space-around;}
	#mza-nav li{padding:0 1vw;font-size:15px;}

	/*1280px*/
	.mza-widget .mza-name,.mza-widget .wp-block-heading{padding:5% 15px;}
	.mza-widget .textwidget,.mza-widget ul{padding:15px;}

	/*1280px*/
	.mza-popular .thumbnail{width:90px;}
	.mza-popular .text{margin-left:100px;}
	.mza-popular h4{margin-bottom:3px;}

	/*1280px*/
	#postTitle{font-size:22px;}

	/*1280px*/
	#mzaback{font-size:16px;}
}
@media only screen and (max-width:1024px){

	/*1024px*/
	#navBtn{display:block;}

	/*1024px*/
	#mza-nav{position:fixed;left:0;top:0;height:100%;width:100%;z-index:9;background-color:rgba(0,0,0,0.6);display:none;}
	#mza-nav .nav{position:fixed;height:100%;width:300px;top:0;right:-300px;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;transition:right .3s;}
	#mza-nav .nav.active{right:0;}
	#mza-nav ul{padding:10vh 8%;height:auto;line-height:24px;display:block;}
	#mza-nav li{padding:5px 0;float:none;font-size:14px;}
	#mza-nav li a{padding:6px 36px 6px 18px;border-radius:18px;}
	#mza-nav li.on > a,#mza-nav li.current-menu-item > a,#mza-nav li.current-menu-parent > a {background-color:#efefef;color:#333;}
	#mza-nav li ul{padding:5px 0 0;min-width:0;position:static;left:auto;top:auto;background-color:transparent;box-shadow:none;line-height:24px;}
	#mza-nav li li{padding:0 0 0 2em;}
	#mza-nav li li a{padding:6px 18px;color:#515151;}
	#mza-nav li em{width:36px;height:36px;position:absolute;right:0;top:5px;z-index:2;}
	#mza-nav li em:after{content:'';display:block;width:5px;height:5px;border-right:1px solid #172b4c;border-bottom:1px solid #172b4c;position:absolute;left:50%;top:50%;transform:rotate(45deg);margin:-4px 0 0 -4px;transition:all .3s;}

	/*1024px*/
	#mza-search{margin-right:30px;padding-right:15px;width:300px;}

	/*1024px*/
	#wrapper .inner{display:block;}

	/*1024px*/
	#main{margin-bottom:3%;width:auto;float:none;}

	/*1024px*/
	#mza-featured{padding:3%;}
	#mza-featured .title{font-size:14px;}
	#mza-featured .item:nth-child(3n+1) .title{font-size:16px;}

	/*1024px*/
	.mza-post{padding:1.5% 3%;}

	/*1024px*/
	#pagenavi{padding:1.5% 3% 3%;}

	/*1024px*/
	#sidebar{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:auto;float:none;}

	/*1024px*/
	.mza-widget .mza-name,.mza-widget .wp-block-heading{padding:5% 6%;}
	.mza-widget .textwidget,.mza-widget ul{padding:6%;}
	.mza-widget-box{width:48.5%;margin-bottom:3%;}

	/*1024px*/
	#mza-icon{width:60px;padding-right:15px;}

	/*1024px*/
	#mza-social{font-size:14px}
}
@media only screen and (max-width:768px){

	/*768px*/
	#mza-logo{width:135px;}

	/*768px*/
	#navBtn{width:30px;height:30px;}

	/*768px*/
	#mza-nav .nav{width:250px;right:-250px;}

	/*768px*/
	#mza-search{width:45%;padding-right:10px;}
	#mza-search .input{padding-right:30px;}
	#mza-search .text{padding-top:3px;padding-bottom:3px;}
	#mza-search .submit{width:30px;}

	/*768px*/
	#main{padding:5%;border-radius:5px;}
	#sidebar{border-radius:5px;}

	/*768px*/
	.slick-arrow{width:20px;height:27px;line-height:27px;}
	.slick-next{right:0;}
	.slick-prev{left:0;}

	/*768px*/
	.mza-name,.wp-block-heading{font-size:16px;}
	.mza-title{margin-bottom:3%;font-size:16px;}

	/*768px*/
	#mza-featured{padding:0;margin-bottom:5%;}
	#mza-featured .slick-load{margin-top:3%;}
	#mza-featured .item,#mza-featured .item:nth-child(3n+1){float:none;width:auto;padding-top:0;}
	#mza-featured .item:nth-child(3n+1) .title,#mza-featured .item .title{font-size:15px;}
	#mza-featured .excerpt{font-size:13px;margin-top:3%;}
	#mza-featured .item:nth-child(3n+1) .excerpt{display:block;white-space:nowrap;}
	#mza-featured .slick-load{display:none;}
	#mza-featured .slick-slider{display:block;border-radius:5px;overflow:hidden;}
	#mza-featured .loading{padding-bottom:75%;}
	#mza-featured .title{font-weight:normal;}
	#mza-featured a{border-radius:0;}
	#mza-featured a:before{opacity:.7;}

	/*768px*/
	.mza-post{width:47.5%;float:left;padding:0 0 5%;}
	.mza-post.mza-gg{width:auto;float:none;}
	.mza-post:hover{background-color:transparent;}
	.mza-post:nth-child(2n){float:right;}
	.mza-post .top{margin-top:0;}
	.mza-post .info{position:relative;overflow:visible;}
	.mza-post .tags{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:30px;}
	.mza-post .thumbnail{width:auto;float:none;margin-bottom:10px;}
	.mza-post .text{margin-right:0;padding-right:0;}
	.mza-post .title{font-size:16px;margin-bottom:5px;line-height:1.5em;font-weight:bold;}
	.mza-post .excerpt{margin-bottom:6px;font-size:13px;line-height:1.75em;height:5.25em;}
	.mza-post .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;}
	.mza-post .meta span{padding-right:10px;}

	/*768px*/
	#pagenavi{padding:0;}
	#pagenavi a{font-size:12px;height:26px;line-height:26px;min-width:22px;}

	/*1024px*/
	#sidebar{display:block;}

	/*1024px*/
	.mza-widget-box{width:auto;}

	/*768px*/
	.mza-widget .mza-name,.mza-widget .wp-block-heading{padding:5%;}
	.mza-widget .textwidget,.mza-widget ul{padding:5%;}

	/*768px*/
	.mza-popular li{margin-top:10px;padding-top:10px;}
	.mza-popular .meta{background-size:auto 10px;padding-right:16px;font-size:12px;}

	/*768px*/
	.mza-comments li{margin-bottom:10px;padding-bottom:10px;}
	.mza-comments .gravatar{width:39px;height:39px;}
	.mza-comments .text{margin-left:48px;}
	.mza-comments .name{margin-bottom:3px;}
	.mza-comments .cont{font-size:12px;}
	.mza-comments .more:before{width:2px;height:10px;right:4px;}
	.mza-comments .more:after{width:10px;height:2px;}
	.mza-comments a{padding-right:20px;}

	/*768px*/
	.mza-latest li{margin-bottom:10px;padding-bottom:8px;}
	.mza-latest .date{margin-bottom:3px;}
	.mza-latest h4{font-size:15px;margin-bottom:2px;}

	/*768px*/
	.widget_tag_cloud a{padding:0.5% 1% 0.5% 0;}

	/*768px*/
	.mza-random li{padding-bottom:2.5%;}

	/*768px*/
	.mza-review .thumbnail{margin-bottom:5px;}
	.mza-review h4{display:-webkit-box;line-height:1.5em;height:3em;white-space:normal;margin-bottom:3px;}
	.mza-review .meta{font-size:12px;opacity:.75;}
	.mza-review span{line-height:1.5em;}

	/*768px*/
	.divSearchPanel input[type="text"]{padding-top:5px;padding-bottom:5px;}

	/*768px*/
	#footer{display:block;padding-top:20px;padding-bottom:20px;}

	/*768px*/
	#mza-icon{padding-right:0;display:block;margin:0 auto 10px;}

	/*768px*/
	#mza-copyright{display:block;text-align:center;line-height:1.5em;}

	/*768px*/
	#mza-social{width:auto;display:block;margin-top:10px;font-size:12px;}
	#mza-social ul{text-align:center;}
	#mza-social li{margin:0 6px;}

	/*768px*/
	#article{font-size:14px;padding:0;}
	#article .mza-gg{margin-bottom:3%;}

	/*768px*/
	#mza-error-page{padding-top:25vh;padding-bottom:25vh;}
	#mza-error-page .entry{font-size:14px;}

	/*768px*/
	#postnavi{font-size:12px;padding:8px 0 10px;}
	#postnavi .prev,#postnavi .next{float:none;width:auto;text-align:left;}

	/*768px*/
	#postTitle{font-size:18px;}

	/*768px*/
	.entry{line-height:1.75em;margin-bottom:10px;}
	.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry hr,.entry blockquote,.entry ol,.entry ul{margin-bottom:3%;}

	/*768px*/
	#mza-tags{margin-bottom:10px;}
	#mza-tags a{font-size:12px;margin:0 5px 5px 0;padding:0 8px;}

	/*768px*/
	#postmeta{margin-bottom:3%;padding-bottom:3%;font-size:12px;}
	#postmeta span{margin:0 5px;}

	/*768px*/
	#recommend h4{font-size:14px;line-height:1.5em;max-height:3em;}

	/*768px*/
	#divCommentPost .inp{width:auto;}
	#divCommentPost .inp .item{float:none;width:auto;padding-right:0;}
	#divCommentPost .verify{float:none;}
	#divCommentPost .btn{clear:both;padding:2% 0;overflow:hidden;}
	#divCommentPost .submit{height:30px;width:80px;}

	/*768px*/
	#commentslist{margin-bottom:10px;}
	#commentslist li{padding-bottom:10px;margin-bottom:10px;}
	#commentslist .gravatar img{width:30px;height:30px;}
	#commentslist .ml{margin-left:40px;}
	#commentslist .meta{margin-bottom:5px;}
	#commentslist .name{font-size:14px;}
	#commentslist li li{margin:10px 0 5px 5%;padding:10px;}
	#commentslist li li li{margin:5px;}
	#commentslist .text{font-size:12px;}

	/*768px*/
	.mza-tips{margin-bottom:10px;line-height:1.75em;}

	/*768px*/
	#mzaback{font-size:12px;}
}
@media only screen and (max-width:540px){

	/*540px*/
	.mza-post{width:auto;float:none;}
	.mza-post:nth-child(2n){float:none;}
	.mza-post .title{white-space:normal;}
	.mza-post .excerpt{height:auto;max-height:5.25em;}

	/*540px*/
	#recommend ul{width:103%;}
	#recommend li{width:47%;padding-right:3%;padding-bottom:3%;}
}