/**
 * Blog Stylesheet
 * 
 * @package    Blog
 * @category   CSS
 * @author     Nuwave Team
 * @copyright  Copyright (c) Nuwave Software Ltd
 */

/*------------------------------------------------------------------------------
 * Blog Styles
 *----------------------------------------------------------------------------*/

.blog {
	margin-bottom: 20px;
}
.blog .title {
	margin-top: 0;
}
.blog .article-date {
	font-size: 0.9em;
	font-style: italic;
	margin: 0 0 5px 0;
}
.blog .article-subtitle {
	margin: 0 0 10px 0;
}
.blog .article-content {
	margin: 0 0 10px 0;
}
.blog .article-title {
    margin-bottom: 10px;
}
.blog .article-feature {
    margin-bottom: 20px;
}

.blog img {
	height: auto;
	max-width: 100%;
}


/*------------------------------------------------------------------------------
 * Article List Styles
 *----------------------------------------------------------------------------*/

.blog.blog-articles .blog-article {
	background: #F7F7F7;
	margin-bottom: 20px;
	padding: 15px;
}
.blog.blog-articles .blog-article:last-child {
	/*margin-bottom: 0;*/
}
.blog.blog-articles .blog-article .article-feature img {
	max-height: 200px;
	max-width: 100%;
	width: auto;
	height: auto;
}
.blog.blog-articles .blog-article .read-more {
	float: left;
}
.blog.blog-articles .blog-article .article-tags {
	text-align: right;
}
.blog.blog-articles .blog-article .article-content > :last-child:after {
	content: "…";
}


/*------------------------------------------------------------------------------
 * Article View Styles
 *----------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------
 * Other Styles
 *----------------------------------------------------------------------------*/

.blog.blog-latest-article .article {
	border-bottom: 1px solid #CCC;
}
.blog.blog-latest-article .article:last-child {
	border: none;
}

/*----------------------------------------------------------------------------*/

.blog .tag-item {
	background: #CCC;
	color: #FFF;
	display: inline-block;
	font-size: 0.8em;
    margin: 3px;
    padding: 3px 6px;
	text-transform: uppercase;
}
.blog .tag-item:focus,
.blog .tag-item:hover {
	background: #BBB;
	color: #FFF;
	text-decoration: none;
}

/*----------------------------------------------------------------------------*/

.blog.blog-article-headings .article {
	background: #F7F7F7;
	margin-bottom: 10px;
	padding: 5px;
}
.blog.blog-article-headings .article-feature {
	display: block;
    float: left;
    height: 50px;
    margin: 0;
    overflow: hidden;
    width: 50px;
}
.blog.blog-article-headings .article-feature img {
	height: 100%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	width: auto;
}
.blog.blog-article-headings.has-feature .article-title,
.blog.blog-article-headings.has-feature .article-date {
    margin: 0 0 0 70px;
}


/*------------------------------------------------------------------------------
 * Announcement Styles
 *----------------------------------------------------------------------------*/

.blog.blog-announcement {
	min-height: 0;
	padding: 0 !important;
}
.blog.blog-announcement .widget-body {
	margin: 0;
}
.blog.blog-announcement .widget {
	margin: 0;
	min-height: 0;
}
.blog.blog-announcement .bx-slider {
	margin-bottom: 0;
    padding: 0;
}
.blog.blog-announcement .bx-slider .bx-viewport {
	padding: 0 30px;
}
.blog.blog-announcement .bx-controls-direction a {
	background: none;
	bottom: 0;
	height: auto;
	margin: 0;
	text-indent: 0;
	top: 0;
	width: 30px;
}
.blog.blog-announcement .bx-controls-direction .bx-prev {
	left: 0;
}
.blog.blog-announcement .bx-controls-direction .bx-next {
	right: 0;
}
.blog.blog-announcement .indicator {
	position: absolute;
	top: 40%;
}
.blog.blog-announcement .ind-left {
	left: 10px;
}
.blog.blog-announcement .ind-right {
	right: 10px;
}
.blog.blog-announcement .bx-slide {
	overflow: hidden;
}
.blog.blog-announcement .article-url {
	display: block;
}
.blog.blog-announcement a, 
.blog.blog-announcement a:hover, 
.blog.blog-announcement a:visited, 
.blog.blog-announcement a:focus {
	text-decoration: none;
}
.blog.blog-announcement .article-col {
	padding-bottom: 10px;
	padding-top: 10px;
}
.blog.blog-announcement .article-stub {
	border-right: 1px solid #DDD;
	text-align: center;
}
.blog.blog-announcement .blog-title {
	margin: 0;
	padding: 0 10px;
}
.blog.blog-announcement .article-announcement {
/*	padding: 5px 0 5px 0;
	text-align: left;*/
}

/*------------------------------------------------------------------------------
 * Responsive Styles
 *----------------------------------------------------------------------------*/

/* Extra Small devices */
@media (max-width: 767px) {
	.blog.blog-announcement .article-stub {
		border-right: 0;
		padding: 5px 0 5px 0 !important;
	}
	.blog.blog-announcement .article-announcement {
		text-align: center;
	}
}