/**
 * @package BF Multi Content Display
 * @version 1.0
 * @author BlueFractals - http://www.blue-fractals.com
 * @copyright (C) 2014 - BlueFractals
 * @license GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html 
**/

.bfMultiContentDisplay {
	margin:20px 0;
}

.bfMultiContentDisplay .error {
	color:#e02828;
	font-size:1.2em;
}

.bfMultiContentDisplay a {
	color:#0088CC;
}

.bfMultiContentDisplay a:hover,
.bfMultiContentDisplay a:focus {
	color:#005580;
}

.bfMultiContentDisplay img {
	max-width:100%;
}

.bfMultiContentDisplay a:hover {
	text-decoration:none;
}

.bfMultiContentDisplay .category-wrapper {
	margin-bottom:40px;
	clear:both;
}

.bfMultiContentDisplay .category-wrapper:last-child {
	border:0;
	margin-bottom:0;
}

.bfMultiContentDisplay .category-title {
	border-bottom: 0 none;
    font-size: 1.6em;
    color:#0088CC;
    margin-bottom:10px;
}

.bfMultiContentDisplay .category-description-wrapper {
	margin:10px 0;
}

.bfMultiContentDisplay .category-wrapper:only-child .category-description-wrapper {
	margin-bottom:40px!important;
}

.bfMultiContentDisplay .category-description-wrapper .category-description .category-title {
	margin-top:15px;
}

.bfMultiContentDisplay .category-wrapper .category-description-wrapper .category-image {
	text-align:right;
}

.bfMultiContentDisplay .category-wrapper .category-description-wrapper .category-image:only-child {
	text-align:left;
}

.bfMultiContentDisplay .category-readmore {
    color: #FFFFFF;
    display: inline-block;
    margin-top:10px;
}

.bfMultiContentDisplay .category-readmore a {
    background-color: #55C572;
    color: #FFFFFF;
    display: block;
    padding: 4px 10px;
    font-size:1em;
}

.bfMultiContentDisplay .category-readmore a:hover {
	background-color:#377fb3;
}

.bfMultiContentDisplay .article-readmore {
	margin-top:15px;
}

.bfMultiContentDisplay .article-readmore a {
	background-color: #55C572;
	color:#fff;
	padding:4px 10px;
}

.bfMultiContentDisplay .article-readmore a:hover {
	background-color:#377fb3;
}

.bfMultiContentDisplay .article-label {
	font-size:1.4em;
	font-weight:normal;
	margin:20px 0!important;
	color:#005580;
}

.bfMultiContentDisplay .article-label:last-child {
	margin-bottom:0;
}

.bfMultiContentDisplay .article-row-wrapper:last-child .article-row:last-child .article-wrapper {
	margin-bottom:0;
}

.bfMultiContentDisplay .article-wrapper {
	float: left;
	margin-bottom:20px;
}

.bfMultiContentDisplay .article-wrapper.offset1 {
	margin-left:0;
}

.bfMultiContentDisplay .article-wrapper:last-child {
	margin-right: 0;
}

.bfMultiContentDisplay .article {
    background-color: #f5f5f5;
    padding: 15px;
}

.bfMultiContentDisplay .article.featured {
	background-color:#d4fcdd;
}

.bfMultiContentDisplay .article .article-header {
	margin-bottom:20px;
	font-size:1.4em;
	color:#0088CC;
}

.bfMultiContentDisplay .article .article-meta {
	margin-bottom:20px;
	color:#888;
}

.bfMultiContentDisplay .article .article-image {
	margin-bottom:20px;
}

.bfMultiContentDisplay .article .article-header:only-child,
.bfMultiContentDisplay .article .article-meta:only-child,
.bfMultiContentDisplay .article .article-meta:last-child,
.bfMultiContentDisplay .article .article-image:only-child,
.bfMultiContentDisplay .article .article-image:last-child {
	margin:0;
}

.bfMultiContentDisplay .article .article-description {
}

/* Breakpoint */
@media only screen and (max-width: 768px) {
	.bfMultiContentDisplay .category-wrapper .category-description-wrapper .category-description,
	.bfMultiContentDisplay .category-wrapper .category-description-wrapper .category-image {
		width:100%;
		margin-left:0;
		margin-top:20px;
	}
	
	.bfMultiContentDisplay .category-wrapper .category-description-wrapper .category-image:only-child {
		margin-top:0;
	}

    .bfMultiContentDisplay .article-wrapper {
	    margin-right:0;
	    margin-left:0;
	    margin-bottom:20px;
	    width: 100%;
	}
	
	.bfMultiContentDisplay .article-row-wrapper:last-child .article-row:last-child .article-wrapper {
		margin-bottom:20px;
	}
	
	.bfMultiContentDisplay .article-row-wrapper:last-child .article-row:last-child .article-wrapper:last-child {
		margin-bottom:0;
	}
	
	.bfMultiContentDisplay .article .article-introtext p:nth-child(1) {
	    height: auto;
	    overflow: none;
	}
}