/*
Template: magbook
Theme Name: Magbook Child
Version: 1.00
*/


/* (sidebar) Popular Posts Plugin.
---------------------------------------------*/
body .wrap {max-width: 1190px;}
html body #secondary {
    padding-left: 20px;
}
#secondary .popular-posts .widget-title {
	color: #333;
}

#secondary .wpp-post-title {
	font-weight: bold;
	font-size: 13px;
}

#secondary .wpp-list li a {
	display: block;
	float: left;
	width: calc(40% - 15px);
	overflow: hidden;
display: flex;
justify-content: center;
}
#secondary .wpp-list li a img{width: auto;max-width: unset;height:80px;margin-right:0;}
#secondary .wpp-list li .wpp-post-title {
	width: calc(60% + 10px);
	float: right;
}

.mb-content .mb-title {
	font-size: 13px;
	line-height: 1.6;
}

/* Related Posts.
---------------------------------------------*/
.crp_related h3 {
	margin-bottom: 20px;
}

.crp_related img {
	float: left;
	width: 200px;
}

.crp_title {
	display: block;
	float: right;
	width: calc(100% - 220px);
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px
}

.crp_excerpt {
	display: block;
	float: right;
	width: calc(100% - 220px);
	font-size: 14px;
}

.crp_related ul {
	margin: 0;
}

.crp_related li {
	list-style: none;
	margin-bottom: 20px;
}

.crp_related li:after {
	clear: both;
	display: block;
	content: '';
}

@media screen and ( max-width: 480px) {
.single .mb-popular.mb-popular--custom .mb-content .mb-title {
			font-size: 13px;
	}

	.crp_related li {
			margin-bottom: 15px;
	}

	.single .mb-popular.mb-popular--custom .mb-featured-image {
			width: calc(40% - 15px);max-height: 90px;
	}
	.related-articles ul li .right, .related-articles .mb-content{width:calc(60% + 15px;);}
	.single .mb-popular.mb-popular--custom .mb-content >:not(.mb-title ) {
		display: none;
	}

#secondary .wpp-post-title {
		font-size: 12px;
	}

	.mb-content .mb-title {
		font-size: 12px;
	}
	.crp_title {
			font-size: 13px;
	}

	.crp_related li {
			margin-bottom: 15px;
	}

	.crp_related  img {
			width: calc(45% - 15px);
	}

	.crp_title {
			width: 55%;
			margin-bottom: 0;
	}

	.crp_excerpt{
		display: none;
	}

}

/* Site Logo.
---------------------------------------------*/
.logo-bar #site-branding {
	float: none;
	text-align: center;
}

/* front page searchform wrap.
---------------------------------------------*/
.front-page-form-wrap {
	margin-top: -40px;
	margin-bottom: 65px;
}


/* header slider.
---------------------------------------------*/
.main-slider .image-slider {
	background-position-y: top;
}

/* #content.
---------------------------------------------*/



/* single featured.
---------------------------------------------*/
/* .single .mb-popular.mb-popular--custom .mb-featured-image {
	width: calc(28% - 15px);
}

.single .mb-popular.mb-popular--custom .mb-content {
	font-size: 14px;
}

.single .mb-popular.mb-popular--custom .mb-content .mb-title {
	font-size: 17px;
}

 */


/* secondary featured.
---------------------------------------------*/
.sp{display:none;}
#secondary h2.widget-title{color: #333;border-bottom:0 !important;margin-bottom: 0;padding:7px 0;}
.article-sidebarbottom h2 {color: #333;border-top:0 !important;padding:0;}
.related-articles {border-top: 1px dashed #000;padding-top: 15px;margin-bottom: 10px;}
.related-articles .widget-content:first-child{border-bottom: 1px dashed #000;margin-bottom: 15px;padding-bottom: 10px;}
.related-articles ul, .related-articles .mb-popular{display: flex;justify-content: space-between;flex-wrap: wrap;}
.related-articles ul li, .related-articles .mb-popular .mb-post{width:49%;display: flex;list-style: none;margin-bottom:15px;border-bottom:0;padding-bottom: 0;}
.related-articles ul li .left, .related-articles .mb-popular .mb-featured-image{width:160px;margin-right:15px;margin-top: 5px;overflow: hidden;margin-bottom: 0;max-height: 100px;}
.related-articles ul li .left img{width:100%;}
.related-articles ul li .right, .related-articles .mb-content{width:calc(100% - 175px);display: flex;flex-direction: column;justify-content: space-between;}
.related-articles ul li .right a.entry-title{font-weight: 700;margin-top: 0;font-size: 13px;}
.related-articles ul li .right .des{line-height: 2em;margin-top:20px;}
.related-articles ul.lcp_catlist li {padding-top: 0;padding-bottom: 0;}
.related-articles .lcp_catlist li a {margin-left: 0;max-height: 100px;overflow: hidden;display: inline-block;}
.related-articles .lcp_catlist img {width:160px;margin-right:15px;}
.related-articles .lcp_catlist li p {float: right;width: calc(100% - 175px);margin-right: 0;font-size: 13px;margin-bottom:0;font-weight: 700;}
body .mb-popular .mb-featured-image {
    float: left;
    width: 110px;
    margin-right: 10px;
    margin-bottom: 10px;
	overflow: hidden;
}
body .mb-popular .mb-featured-image a{ display:flex;justify-content:center;}
body .mb-popular .mb-featured-image a img{ width: auto;height: 80px;max-width: unset;}
.widget.popular-posts{display: flex;flex-direction: column;}	
.widget.popular-posts .wpp-list {order:1;}	
.widget.popular-posts h2{order:0;}	
/* ul.wpp-list:nth-child(2n) {
    padding:5px !important;
    overflow: hidden;
    float: none;
    clear: both;
    margin: 1rem 0;
	background-color: #ededed;
} */
.widget.popular-posts .wpp-list li{padding-top: 15px !important;position: relative;}
.widget.popular-posts .wpp-list h5{font-style: italic;position: absolute;top: -6px;left: 90px;font-size: 30px;font-weight: 900;margin:0;}
.tags{/* display:flex !important; */display:none !important;margin-top:5px;}
.wpp-item-data .tags{float:right;width:calc(100% - 120px);}
.tags a {
    background: #ededed;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 10px;
	margin-right:3px;
	margin-left:0 !important;
	font-weight: normal;
	width: auto !important;
}
#secondary .tags a {font-size: 9px;}
.tags a:hover {
    background: #ddd;
}
.tags a:last-child{margin-right:0px;}
#secondary ul.lcp_catlist li{display:flex;justify-content:space-between;}
#secondary ul.lcp_catlist li .postdes{width:calc(100% - 125px);display: flex;flex-direction: column;}
#secondary ul.lcp_catlist li .postdes p{width:100%;margin: 0;}
#secondary ul.lcp_catlist li .postimg{width:110px;height: 80px;overflow: hidden;}
#secondary ul.lcp_catlist li a {
    margin-left: 0;
    height: 100%;
    display: flex;
    justify-content: center;
}
#secondary ul.lcp_catlist li .postimg img{max-width: unset;height: 80px;width: auto !important;}
#secondary .lcp_catlist img {width: 100%;}

@media only screen and (min-width: 1024px) {
	body #secondary {padding-left: 25px;}
}	
@media only screen and (max-width: 767px) {
	.pc{display:none;}
	.sp{display:block;}
	.related-articles .feature-list .mb-popular .mb-post {width:100%;margin-bottom:15px;max-height: unset;}
	.tags a {font-size:8px;}
	#secondary .tags a {font-size: 8px;}
	html body #secondary {padding-left: 0;}
	#secondary .feature-list{display:none;}
	body:not(.home) .site-content-contain #content {padding-top: 18px}
	body.single #primary{margin-bottom:0;}
	.widget.feature-list{margin-bottom:0;}
	.related-articles .widget-content {margin-bottom: 0 !important;}
	.related-articles .widget-content:first-child{border-bottom:0;padding-bottom: 0;}
	body.single.related-articles ul.lcp_catlist li:last-child{margin-bottom:0;}
	#secondary .wpp-list li a {width: 120px;}
	#secondary .wpp-list li a img{width: 120px;height:90px;margin-right:0;}
	#secondary .wpp-list li .wpp-post-title {width: calc(100% - 135px);}
	.wpp-item-data .tags {width: calc(100% - 135px);}
	#secondary ul.lcp_catlist li .postimg {width: 120px;}
	#secondary ul.lcp_catlist li .postimg a{width: 100%;}
	#secondary ul.lcp_catlist li .postimg img{width: 120px;height: 90px;}
	#secondary ul.lcp_catlist li .postdes {width: calc(100% - 135px);}
	.related-articles ul li{width:100%;}
	.related-articles ul li .left{width:120px;margin-right:15px;max-height:90px;overflow:hidden;}
	.related-articles ul li .left img{width:120px;}
	.related-articles ul li .right{width:calc(100% - 135px);}
	.related-articles ul li .right .des {font-size: 11px;margin-top: 10px;height: 70px;overflow: hidden;}
	.related-articles .lcp_catlist img {width:120px;margin-right:15px;height: 90px;}
	.related-articles .lcp_catlist li p {width: calc(100% - 135px);}
	.mb-popular .mb-post:last-child .mb-featured-image{margin-bottom:0;}
	.ranking-content {transform: translate3d(0px,0,0);transition-duration: 500ms;display:flex;width: 100%;height: 100%;}	
	#ranking-tabs{overflow:hidden;}
	#ranking-tabs .popular-posts{flex-shrink: 0;width: 100%;height: 100%;margin-top:20px;}
	#ranking-tabs .widget_text h2{padding: 7px 0;border-top: 1px dashed #000;}
	#ranking-tabs .popular-posts .wpp-list li{padding-top: 15px !important;position: relative;}
	#ranking-tabs .popular-posts .wpp-list h5{font-style: italic;position: absolute;top: -6px;left: 90px;font-size: 30px;font-weight: 900}
	ul#ranking-menu{display:flex;border-bottom: solid 1px #000;justify-content: space-between;}
	ul#ranking-menu li{cursor:pointer;text-align: center;font-size: 12px;font-weight: 700;color: #000;padding:0 9px;border-bottom: solid 6px rgba(0,0,0,0);margin-bottom:0;}
	ul#ranking-menu li.active{border-bottom: solid 6px #000;}
	#ranking-tabs .popular-posts h2.ranking-tab{display:none;}	
	.main-slider .no-slider .slides>li{padding:0}
}

img[data-src] {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  will-change: opacity;
}

/* appear animation */
img[data-src][src] {
  opacity: 1;
}