/* --- Main Article --- */

	body.article_pg .main, body.article_pg .landingstrip, body.article_pg .small-nav, body.article_pg .full-nav,
	body.article_comments .main, body.article_comments .landingstrip, body.article_comments .small-nav, body.article_comments .full-nav { max-width: 1280px; }
	

	body.article_pg { background-color: #E7ECEF; }
	body.article_pg .main_content { padding: 0; }
	body.article_pg .main { margin: 0 10px; padding: 0; background: #fff; }
	body.article_pg.skins .main { background-color: #fff; }
	body.article_pg.skins .article-container:first-of-type .main-article { border-top: none; }

	.article_pg .main-article { background-color: #fff; border-right: solid 1px #ddd; border-left: solid 1px #ddd; }
	.main-article > header { position: relative; overflow: hidden; font-weight: 600; font-size: 0.8em; padding: 10px; }
	.main-article > header > h1 { margin-bottom: 10px; font-size: 2em; font-weight: 300; line-height: 32px; }
	.main-article > header > h1 > a { vertical-align: middle; font-size: 14px; padding: 4px 8px; display: inline-block; }
	.article_comments .main { padding: 0; }
	
		@media only screen and (min-width: 510px) {
			.main-article > header > h1 { font-size: 2.4em; }
		}
	
	.articlehdrinfo_blk { position: relative; }
	.articlehdrinfo_blk > ul { overflow: hidden; width: 100%; }
	.articlehdrinfo_blk > ul > li { float: left; margin-right: 5px; font-weight: normal; line-height: normal; }

	@media only screen and (min-width: 768px) {
		body.article_pg .main_content:not(.full) { border-right: none; border-left: none; float: right; width: calc(100% - 330px); }
		body.article_pg .sidebar {  }
		.sidebar-sticky { width: 320px; }
		body.article_pg .landingstrip { max-width: 1024px; margin: 0 auto; }
		.article-page { border-left: solid 1px #ddd; }
		.main-article > header { margin: 10px 0; }
	}		
			
	@media only screen and (min-width: 1280px) {
		body.article_pg .main { margin: 0 auto; }
	}

	/* -- Article scroll list --*/

		.article-scroll-list { margin-bottom: 10px; }
		.article-scroll-list > li { border-bottom: 1px solid #ddd; }
		.article-scroll-list > li > a { color: #666; display: block; padding: 8px; font-size: .7em; }
		.article-scroll-list > li.active > a { background-color: rgba(255, 255, 255, 0.8); font-weight: bold; }
		.article-scroll-list > li > a:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.4); }

			@media only screen and (min-width : 769px) {
				.article-scroll-list > li:nth-of-type(4), .article-scroll-list > li:nth-of-type(5), .article-scroll-list > li:nth-of-type(6), .article-scroll-list > li:nth-of-type(7), .article-scroll-list > li:nth-of-type(8), .article-scroll-list > li:nth-of-type(9), .article-scroll-list > li:nth-of-type(9), .article-scroll-list > li:nth-of-type(10), .article-scroll-list > li:nth-of-type(11) { display: none; }
			}
			@media only screen and (min-width : 769px) and (min-height : 740px) {
				.article-scroll-list > li:nth-of-type(4) { display: block; }
			}
			@media only screen and (min-width : 769px) and (min-height : 780px) {
				.article-scroll-list > li:nth-of-type(5) { display: block; }
			}
			@media only screen and (min-width : 769px) and (min-height : 820px) {
				.article-scroll-list > li:nth-of-type(6) { display: block; }
			}
			@media only screen and (min-width : 769px) and (min-height : 860px) {
				.article-scroll-list > li:nth-of-type(7) { display: block; }
			}
			@media only screen and (min-width : 769px) and (min-height : 900px) {
				.article-scroll-list > li:nth-of-type(8) { display: block; }
			}
			@media only screen and (min-width : 769px) and (min-height : 940px) {
				.article-scroll-list > li:nth-of-type(9) { display: block; }
			}
			@media only screen and (min-width : 769px) and (min-height : 980px) {
				.article-scroll-list > li:nth-of-type(10) { display: block; }
			}
			
	/* -- Article Social -- */
	
	.social_blk { background-color: #eee; padding: 10px; }
			
	/* -- Article copy text -- */

	.article-content { overflow: hidden; margin: 0 10px; padding: 10px 0; }
	.article-content p, .article-content li { line-height: 1.6; margin-bottom: 20px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; }
	.article-content p a > img { display: block; height: auto; margin-bottom: 15px; float: none; margin: 0 auto; }
	.article-content .size-full { margin: 10px auto; }
	.article-content iframe, .article-content object { margin: 0 auto 20px; display: block; clear: both; }
	.article-content div.ym { margin-bottom: 20px; }

	.article-content .ad-block iframe { margin: 0 auto 10px auto; min-width: 0; min-height: 0; }
	.article-content .twitter-tweet { min-height: 0; margin: 10px auto 30px !important; }
	.article-content i { font-style: italic; }
	.article-content b { font-weight: bold; }
	.article-content figure { max-width: 100%; }
	.article-content figure > figcaption { text-align: center; color: #999; }
	.article-content .alignright { float: right; margin: 15px 0 15px 20px; }
	.article-content .alignleft { float: left; margin: 15px 20px 15px 0; }
	.article-content .aligncenter { float: none; margin: 0 auto; display: block; clear: both; text-align: center; margin-bottom: 20px; }
	.article-content ul { margin: 0 0 25px 30px; list-style-type: disc; }
	.article-content ol { margin: 0 0 25px 30px; list-style-type: decimal;}
	.article-content li { margin-bottom: 10px; }
		
	.article-content blockquote:before { position: absolute; top: -10px; left: 0; width: 30px; background-color: #fff; font-family: 'comicbook'; content: "\e016"; }
	.article-content blockquote:after {
		position: absolute;
		bottom: -10px; right: 0;
		width: 30px;
		background-color: #fff;
		font-family: 'comicbook'; content: "\e016";
		-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
	}
	.article-content blockquote { position: relative; padding: 10px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; margin-bottom: 25px; }
	.article-content blockquote > p { font-size: 1.4em; color: #666; line-height: 1.2em; font-weight: 300; padding: 15px 0; overflow: hidden; }
		
		@media only screen and (min-width: 550px) {
			.main-article { padding: 0; }
		}				
		
		@media only screen and (max-width : 599px) {
			.article-content iframe, .article-content object { width: 100%; }
		}
		@media only screen and (min-width: 600px) {
			.article-content iframe, .article-content object { min-width: 600px; min-height: 340px; }
			.article-content .ym iframe { min-height: 0; }
			.article-content .ad-block iframe { margin: 0 auto 10px auto; min-width: 0; min-height: 0; }
		}
		
		@media only screen and (min-width: 768px) {
			.article-content { margin: 0 20px; padding: 20px 0;  }
		}
	
	
	/* -- Content Galleries -- */
	
	.content-gallery > .content-gallery-content { min-height: 500px; }
	.content-gallery > div > header { background-color: #eee; margin-bottom: 10px; max-width: 100%; }
	.content-gallery > div > header a { line-height: 40px; padding: 0 10px; }
	.content-gallery > div > header a:hover { text-decoration: none; }
	.content-gallery > div > header .start-slideshow, .content-gallery > div > header .next-slideshow  { float: right; display: block; color: #fff; background-color: red; height: 40px; }
		
	.content-gallery > div > header .next-slideshow span  { display: none; }
	.content-gallery > div > header .previous-slide { float: left; display: block; color: #fff; background-color: red; height: 40px; }
	.content-gallery > div > header .next-slide { float: right; display: block; color: #fff; background-color: red; height: 40px; }
	.content-gallery > div > header a > b { font-size: 1.2em; vertical-align: middle; }
	.content-gallery > div > header > span { float: right; display: block; height: 40px; line-height: 40px; padding: 0 10px; }
	.content-gallery .sticky-nav { position: fixed; top: 110px; z-index: 999999; }

	.touch .content-gallery > div > header a { padding: 0 20px; }
	.touch .content-gallery > div > header .previous-slide, 
	.touch .content-gallery > div > header .start-slideshow,
	.touch .content-gallery > div > header .next-slideshow,
	.touch .content-gallery > div > header .previous-slide,
	.touch .content-gallery > div > header .next-slide,
	.touch .content-gallery > div > header a,
	.touch .content-gallery > div > header > span { height: 60px; line-height: 60px; }
	.touch .content-gallery > div > header a > b { font-size: 2.2em; }
	
	.content-gallery-content > h2 { margin-bottom: 10px; }
	
	.more-slideshows > article { overflow: hidden; margin-bottom: 10px; border-bottom: solid 1px #ddd; padding-bottom: 10px; }
	.more-slideshows > article > a { float: left; margin-right: 10px; }
	.more-slideshows > article > a > img { width: 100px; height: auto; }
	.more-slideshows > article > a > img { width: 100px; height: auto; }
	.more-slideshows > article > div > p { font-family: sans-serif; font-size: .9em; color: #999; margin-bottom: 0; }
	.startslideshow_blk { text-align: center; margin-top: 20px; }
	.startslideshow_blk > a { font-weight: bold; }
	
	@media only screen and (min-width: 440px) {
		.content-gallery > div > header .start-slideshow > span, .content-gallery > div  > header .next-slideshow > span { display: inline; }
	}
	@media only screen and (min-width : 620px) {
		.content-gallery .sticky-nav { top: 120px; }
	}

	@media only screen and (min-width : 768px) {
		.content-gallery .sticky-nav { top: 70px; }
	}
	
	.share-container { position: relative; }
	.share-buttons { position: absolute; bottom: 10px; right: 10px; height: 30px; }
	.aligncenter .share-buttons { right: 10px; width: 70px; }
	
	.share-buttons button:first-of-type { margin-right: 3px; }
	.share-buttons button { width: 30px; height: 30px; padding: 0; border-radius: 30px; text-align: center; line-height: 28px; display: inline-block; color: #fff; }	
	.share-buttons button.icon-facebook { background-color: #3b5998; }
	.share-buttons button.icon-pinterest { background-color: #cb2027; }
	.share-buttons button:before { text-align: center; display: block; text-align: center; }

	@media screen and (min-width: 680px) and (max-width: 767px), (min-width: 1024px)  {
	.aligncenter .share-buttons { left: calc(50% + 250px); }
	}				
	
	/* --- Taboola --- */

	    .below-article-ads { padding: 10px; border-bottom: solid 1px #ddd; background-color: #fff; border-right: solid 1px #ddd; border-left: solid 1px #ddd; }
			@media only screen and (min-width: 768px) {
				.below-article-ads { padding: 20px; }
			}
		.article-ad-blk { text-align: center; padding: 10px 0; }
		
		.zergnet-widget-33053 .zergentity { width: 46% !important; margin-left: 2% !important; margin-right: 2% !important; margin-bottom: 15px !important; }
		.zergnet-widget-33053 #zerglayout { width: 100% !important; }
		.zergnet-widget-33053 .zergentity img { display: block !important; max-width: 100% !important; height: auto !important; width: auto !important; }
		.zergnet-widget-33053 .zergheadline { text-align: left !important; margin-top: 5px !important; }
		

	/* -- Discuss Component -- */

	.discuss_cmp { margin-bottom: 30px; }
	.discuss_cmp > h3 { margin-bottom: 5px; font-weight: bold; padding: 0 15px; }
	.discuss_cmp > div { background-color: #f7f7f7; padding: 15px; line-height: 1.2em; }
	.discuss_cmp > div > p:first-of-type { margin: 10px 0 20px 45px; }
		
		@media only screen and (min-width: 550px) {
			.discuss_cmp > div { margin: 0 -15px; }
			.discuss_cmp > div { padding: 25px 15px; color: #666; }
			.discuss_cmp > h3 { padding: 0; }
		}


	.content-loading { overflow: hidden; }
	
	.article-container.notloaded { margin: 50px 0; }
	.article-container:first-of-type { margin-top: 0; }
	.article-container .between-article { text-align: center; margin-bottom: 20px; }
	
	.article.comments.list { border-top: solid 1px #ddd; margin-bottom: 10px; }
	.article.comments.list > li { border-bottom: solid 1px #ddd; padding: 5px 0; overflow: hidden; position: relative; }
	.article.comments.list > .deleted { padding: 0; }
	.article.comments.list > .deleted > div, .article.comments.list > .deleted > img { display: none; }
	.article.comments.list > li:not(.deleted) .deletedpost_blk, .article.comments.list > li:not(.deleted) .ignoredpost_blk { margin-bottom: 10px; }
	.article.comments.list > li > img { width: 25px; height: 25px; margin-right: 10px; float: left; }
	.article.comments.list > li > div { width: -webkit-calc(100% - 35px); width: -moz-calc(100% - 35px); width: calc(100% - 35px); float: left; }
	.article.comments.list > li > div > ul { margin-bottom: 5px; }
	.article.comments.list > li > div > .actions-list { margin-bottom: 0; }

	.user-list > li { margin-right: 10px; line-height: 16px; font-size: .7em; }
	.user-list > li .light { color: #999; }

	.ignore-icons > span >.unignore { display: none; }
	.ignore-icons > span > a:hover { text-decoration: none; }
	.ignore-icons > span > a { color: #f47320; }
	
	.vote-item .rtd { display: block; }
	.vote-item .rtd > b { font-size: 1.1em; margin-right: 1.1em; }
	
	.actions-list > li {  margin-right: 10px; line-height: 34px; font-size: .7em; }
	.actions-list > li .quote, .actions-list > li .reply { font-weight: bold; }
	.article.comments.list > li > div p { font-size: .9em; line-height: 20px; margin-bottom: 8px; }
	.article.comments.list > li > div blockquote { border: none; }
	.btn-white { padding: 0 5px; display: block; background-color: #FFF; border: 1px solid #DDD; }
	.btn-white > b { display: block; line-height: 30px; font-size: 2em; }

	.article-mini-nav { background-color: #eee; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff; overflow: hidden; font-size: 1.2em; margin-bottom: 5px; }	
	.article-mini-nav > h3 { font-weight: 300; padding: 10px; line-height: 20px; }
	.article-mini-nav > a { padding: 10px; display: block; line-height: 20px; }
	
	.article-mini-nav > .right { float: right; }
	.article-mini-nav > ul { width: 100%; }
	.article-mini-nav > ul > .swipe { line-height: 40px; color: #999; font-size: .9em; padding-left: 10px; }
	.article-mini-nav > ul > .swipe > b { color: #999; }
	.article-mini-nav > ul > li > a { padding: 10px; display: block; line-height: 20px; }
	.article-mini-nav > ul > li:first-of-type { border-right: 1px solid #d9d9d9; }
	.article-mini-nav > ul > li:last-of-type { float: right; }

	.author-comp { padding: 10px; background-color: #eee; }
	.author-comp > h3 { margin-bottom: 10px; font-weight: 100; letter-spacing: 0.5px; font-size: 1.5em; }

	@media only screen and (min-width : 769px) {
		.article.comments.list > li { padding: 10px 0; }
		.article.comments.list > li > img { width: 50px; height: 50px; }
		.article.comments.list > li > div { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); }
		.article-mini-nav { display: none; }
		.article-comp { padding: 20px; }
		.author-comp { padding: 20px; }
	}


	.author-guest { overflow: hidden; }
	.author-guest > .author-profile { overflow: hidden; margin-bottom: 10px; }
	.author-guest > .author-profile > img { float: left; width: 40px; height: 40px; margin-right: 20px; }
	.author-guest > .author-profile > ul { float: left; line-height: 40px; }
	.author-guest > .author-profile > ul > li { margin-right: 14px; }
	.author-guest > .author-profile > ul > li:last-of-type { margin-right: 0; }
	.author-guest > .author-profile > ul > li > a { font-size: 1.2em; }
	
	.author-guest > .author-info {   }
	.author-guest > .author-info > h2 { font-weight: bold; font-size: 1.1em; }
	.author-guest > .author-info > .author-label { margin-bottom: 10px; color: #999; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; line-height: 18px; }
	.author-guest > .author-info > .author-bio { color: #999; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; line-height: 18px; }
	
	@media only screen and (min-width : 850px) {
		.author-guest > .author-profile {  float: left; width: 120px; margin-bottom: 0; }
		.author-guest > .author-profile > img { width: 120px; height: 120px; float: none; margin-bottom: 10px; margin-right: 0; }
		.author-guest > .author-profile > ul { float: none; line-height: normal; }
		.author-guest > .author-info { float: left; width: calc(100% - 120px); padding-left: 10px; }
	}
	
	
	
	/* --- Social Bar on articles --- */
	
	.social_blk { position: relative; }
	.social-list > li { height: 28px; }
	.social-list > .sms_itm, .social-list > .whatsapp_itm { display: none; }
	.social-list > .twitter > a { background-color: #63ADED; }
	.social-list > .facebook > a { background-color:#385890; }
	.social-list > .sms_itm > a { background-color: #119609; }
	.social-list > .whatsapp_itm { background-color: #5cbe4a; width: 30px; }
	.social-list > li > a { display: block; height: 30px; line-height: 28px; width: 35px; overflow: hidden; }
	.social-list > li > a > span { color: #fff; display: none; float: left; width: 50%; line-height: 28px; text-align: center; font-size: .8em; }
	.social-list > li > a > b { background: rgba(0, 0, 0, 0.1); color: #fff; display: block; float: left; width: 100%; line-height: 28px; text-align: center; }
	.social-list > .newsletter { float: right; background: #999; }
	
	.mainsocial_lst { overflow: hidden; }
	.mainsocial_lst > .total_itm { display: none; }
	.mainsocial_lst > li { float: left; }
	.mainsocial_lst > li > span { color: #666; font-size: 2em; font-weight: 300; vertical-align: middle; }
	.mainsocial_lst > li > .total_count { font-size: 3em; }

	.mainsocial_lst > li > a { display: block; font-size: 1em; text-decoration: none; color: #fff; font-weight: 300; line-height: 30px; height: 30px; }
	.mainsocial_lst > li > a > span { color: #fff; height: 30px; }
	.mainsocial_lst:not(.skn2) > li > a > span[data-sharecount] { display: none; }
	.mainsocial_lst > .sms_itm, .mainsocial_lst > .whatsapp_itm { display: none; }
	.mainsocial_lst > li > .facebook { background-color: #385890; }
	.mainsocial_lst > li > .twitter { background-color: #63aded; }
	.mainsocial_lst > li > .whatsapp { background-color: #119609; }
	.mainsocial_lst > li > .sms { background-color: #119609; }
	.mainsocial_lst > li > .googleplus { background-color: #dd4b39; }
	.mainsocial_lst > li > .reddit { background-color: #336088; }
	.mainsocial_lst > li > .pinterest { background-color: #cb2027; }
	.mainsocial_lst > li > .showsocial { background-color: #e1e1e1; padding: 0 8px; }
	.mainsocial_lst > .whatsapp_itm > iframe { max-width: 30px; overflow: hidden; }

	.mainsocial_lst .social_icn { background-color: rgba(0, 0, 0, 0.1); padding: 0 10px; display: inline-block; }
	.mainsocial_lst .social_icn.reddit { font-size: 19px; }
	.mainsocial_lst .social_icn > b, .mainsocial_lst > li > .showsocial > b { text-align: center; color: #fff; line-height: 30px; font-size: 1em; }
    .mainsocial_lst.skn2 { display: none; position: absolute; left: 0; top: 45px; background-color: #eee; width: 100%; padding: 10px; z-index: 1000; }
	.mainsocial_lst.skn2.active { display: block; }

	.mainsocial_lst.skn2 > li { float: none; width: 100%; margin: 0 0 10px 0; overflow: hidden; }
	.mainsocial_lst.skn2 > li > a { font-size: 1.2em; text-align: left; }
	.mainsocial_lst.skn2 > li > a > span { font-size: 1em; color: #fff; height: 30px; }
	.mainsocial_lst.skn2 > li > a > .right { padding: 0 5px; }
	.mainsocial_lst.skn2 > li > a > .social-type { font-size: .8em; font-weight: 300; line-height: 30px; display: inline-block; vertical-align: top; }

		@media only screen and (min-width: 510px) {
			.social-list > li > a { width: 70px; }
			.social-list > li > a > span { display: block; }
			.social-list > li > a > b { width: 50%; }
			.social-list > .whatsapp_itm { width: auto; }
			.social-list > .newsletter > a { width: auto;  }
			.social-list > .newsletter > a > b { width: 35px;  }
			.social-list > .newsletter > a > span { width: auto; padding: 0 5px; font-size: .8em; font-weight: 300; }
		}