/* Article Template
-------------------------------------------------- */
body#article .page-header-container { height:auto; }

body#article .page-header { background:#555555; height:auto; }

body#article .page-header .full-title           { }
body#article .page-header .full-title h1        { font-size:36px; margin:30px 0;}

body#article .page-header .breadcrumb-title     { position:absolute; bottom:120px; transition: bottom 0.2s linear, opacity 0.2s linear; color:#FFF; font-family: 'Roboto Slab', sans-serif; font-size:18px;opacity:0;}
body#article .page-header .breadcrumb-title h1  { font-family:'Roboto Slab', sans-serif; font-style:normal; font-size: 18px; display: inline-block; margin: 88px 0.25em 0px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }

body#article .page-header .full-title        { transition: margin-top 0.2s linear; }
body#article .page-header a.recent-posts	{color:#FFF;text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif; font-size: 12px;font-weight: 700; position:fixed; top:123px;}
body#article .page-header a.recent-posts i	{ font-size: 15px; line-height:18px; margin-right:5px; float:left;}

body#article .page-header .row .col-md-8, body#article .page-header .row .col-md-2{ position:static;}
body#article .article-date-block{ background: #ffffff url(/assets/images/background.png) top left repeat; background-size: 50px 50px; padding:5px 0; font-family: 'Source Sans Pro', sans-serif; color:#808285; font-size:16px; text-transform:uppercase;}

body#article .main{ padding-top:0; }
body#article .sharing{  font-family: 'Source Sans Pro', sans-serif; padding:15px 0 20px; color:#777; font-size:17px;}
body#article .sharing i.fa{  font-size:24px; margin-left: 10px; width:24px; display:inline;}
body#article .article-tags{ float:right; margin:15px; font-style:italic; color:#777;}

body#article .bottom-share{ margin-top: 25px;}
body#article .bottom-share hr{ clear:both; margin:10px 0; border-top: 1px solid #CCC;}
body#article .bottom-share .sharing{ text-align:right; padding:0;}
body#article .article-footer h4{ font-family: 'Roboto Slab', sans-serif; color:#999; font-size:24px;}
body#article .article-footer .popular-tags{ font-size:16px; line-height:1.6em;}
body#article .article-footer .recent-posts a{ font-size:16px; color:#174580;}

@media (min-width: 768px) {

  body#article.scrolled .page-header { position:fixed; overflow:hidden; transition: top 0.2s linear; }
  body#article.scrolled.show-search .page-header { position:fixed; top:190px; overflow:hidden; }

  body#article.show-breadcrumb-title .page-header .breadcrumb-title  { bottom:10px; opacity:1;}
  body#article.show-breadcrumb-title .page-header .full-title        { margin-top:-100px; }
}

@media (min-width: 768px) and (max-width: 991px) {

  body#article.scrolled.show-search .page-header { top:80px; }
  body#article .page-header .full-title h1        {  margin:20px 0 27px;  }
	body#article .page-header a.recent-posts{ bottom: 3px; position:absolute; top:auto; } 
	body#article.show-breadcrumb-title .page-header .breadcrumb-title  { bottom:20px; overflow: hidden;height: 25px;}
}
@media (max-width: 767px) {
  body#article .page-header .full-title h1        {  margin:20px 0 27px;  }
	body#article .page-header a.recent-posts{ bottom: 3px; position:absolute; top:auto; } 
}