/****************************/
/* BOF themes, TODO MORE !! */
/****************************/

/* Suffix -green : green borders and links */
.news.mod_flexicontent_wrap-green .mod_flexicontent_featured_wrapper_innerbox,
.news.mod_flexicontent_wrap-green .mod_flexicontent_standard_wrapper_innerbox {
	border-color: darkgreen!important;
}
.news.mod_flexicontent_wrap-green a {
	color: darkgreen!important;
}

/* Suffix -red : red borders and links */
.news.mod_flexicontent_wrap-red .mod_flexicontent_featured_wrapper_innerbox,
.news.mod_flexicontent_wrap-red .mod_flexicontent_standard_wrapper_innerbox {
	border-color: darkred!important;
}
.news.mod_flexicontent_wrap-red a {
	color: darkred!important;
}

/* Suffix -orange : orange borders and links */
.news.mod_flexicontent_wrap-orange .mod_flexicontent_featured_wrapper_innerbox,
.news.mod_flexicontent_wrap-orange .mod_flexicontent_standard_wrapper_innerbox {
	border-color: darkorange!important;
}
.news.mod_flexicontent_wrap-orange a {
	color: darkorange!important;
}

/**************/
/* EOF themes */
/**************/




/* CONTAINER OF EACH ORDERING GROUP */
.news.mod_flexicontent_wrapper .mod_flexicontent {
	width: 100%;
	margin: 0% !important;
	padding: 0% !important;
	border-width: 0%;
	float: left;
	clear: both;
}


/* EXTERNAL ITEM CONTAINER inner container for border, padding etc */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper_innerbox,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper_innerbox {
	position: relative;
	display: block;
	float: none;
	width: auto;
	height: auto;
	overflow: hidden;
	
	/* can be overriden via user 's CSS */
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #dfdfdf #9f9f9f #9f9f9f #dfdfdf;
	border-radius: 0px;
	background-color: unset;
}


/* EXTERNAL ITEM CONTAINER (ONE COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper {
	/* DO NOT OVERRIDE THESE !!! this is the placement container, override margin,padding,border of inner container only */
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: solid;
	width: 100%;
	/*height: 100%;*/ /* problematic with masonry */
}

/* EXTERNAL ITEM CONTAINER (2-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_2,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_2 {
	width: 50% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

/* EXTERNAL ITEM CONTAINER (3-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_3,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_3 {
	width: 33.33% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

/* EXTERNAL ITEM CONTAINER (4-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_4,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_4 {
	width: 25% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

/* EXTERNAL ITEM CONTAINER (5-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_5,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_5 {
	width: 20% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

/* EXTERNAL ITEM CONTAINER (6-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_6,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_6 {
	width: 16.66% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

/* EXTERNAL ITEM CONTAINER (7-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_7,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_7 {
	width: 14.28% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

/* EXTERNAL ITEM CONTAINER (8-COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_8,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_8 {
	width: 12.5% !important;
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding: 0% !important;
	border-width: 0px !important;
}

@media only screen and (min-width: 1280px) and (max-width: 1399px) {
	/* medium-sized desktops */
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_8,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_8 {
		width: 20% !important;
	}
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title,
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title a {
		font-size: 115%;
	}
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
	/* small-sized desktops */
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_8,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_8 {
		width: 25% !important;
	}
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title,
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title a {
		font-size: 110%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
	/* large-sized tablets, very small-sized desktops */
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_4,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_8,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_4,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_8 {
		width: 33.33% !important;
	}
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title,
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title a {
		font-size: 105%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* medium-sized tablets */
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_3,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_4,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_8,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_3,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_4,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_8 {
		width: 50% !important;
	}
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title,
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title a {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	/* phones and small-sized tablets */
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_2,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_3,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_4,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.cols_8,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_2,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_3,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_4,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_5,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_6,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_7,
	.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.cols_8 {
		width: 100% !important;
	}
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title,
	.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title a {
		font-size: 95%;
	}
}

/* EXTERNAL CONTAINER STYLING ODD EVEN (COUNTING) */
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.odd,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.odd {
}
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.even,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.even {
}

/* INTERNAL ITEM-LIST CONTAINER (ONE COLUMN MODE) */
.news.mod_flexicontent_wrapper .mod_flexicontent_featured,
.news.mod_flexicontent_wrapper .mod_flexicontent_standard {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	margin-right: 0%;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0%;
	padding-right: 0%;
	
	float: left;
	width: 100%;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}



/*
 * ITEM BASIC FIELDS STYLES (FOR CUSTOM FIELDS see below, FOR IMAGE AND DATE see more below)
 */

.news.mod_flexicontent_wrapper .content_standard {padding: 12px 12px 0 12px;}  /* container of basic elements of standard items excluding title & image */
.news.mod_flexicontent_wrapper .content_featured {padding: 12px 12px 0 12px;}  /* container of basic elements of featured items excluding title & image */


/* CONTAINER of item title */
.news.mod_flexicontent_wrapper .fcitem_title_box {
	display: block;
	background: transparent;
	margin: 0;
	padding: 6px;
}

.news.mod_flexicontent_wrapper .fcitem_title,
.news.mod_flexicontent_wrapper .fcitem_title a {
	color: #08c;
	font-size: 120%;
	background-color: transparent;
	line-height: 1.2em;
	width: 100%;
	display: inline-block;
}

.news.mod_flexicontent_wrapper .fcitem_title {
	text-shadow: 1px 1px 1px #000000;
	height: 2.4em;
	display: table-cell;
	vertical-align: middle;
	padding: 1px 4px;
	margin: 2px 0px;
	/*border: 1px dashed #bbbbbb;*/
}
.news.mod_flexicontent_wrapper .fcitem_title:hover {
	/*border: 1px dashed black;*/
}

/* item title styling (link, etc) */
.news.mod_flexicontent_wrapper .fcitem_title a {
	text-decoration: none;
	-webkit-transition: all 0.4s; transition: all 0.4s;
}
.news.mod_flexicontent_wrapper .fcitem_title:hover a,
.news.mod_flexicontent_wrapper .fcitem_title a:hover {
	cursor: pointer;
	text-shadow: 1px 1px 3px #000000;
}
.news.mod_flexicontent_wrapper .fc_overlayed .fcitem_title a {
	/*text-shadow: 1px 1px 2px #000000, -1px -1px #000, 1px 1px #000000;*/
	text-shadow: 1px 1px 1px #000000;
}


/* CONTAINER of item date */
.news.mod_flexicontent_wrapper .fcitem_date { /* for label and value (contained inside) see more below */
	background: url("images/date.png") no-repeat scroll 0px 1px;
	padding:2px 6px 2px 20px;
}

/* item date styling (label, value, etc) */
.news.mod_flexicontent_wrapper .date_label,
.news.mod_flexicontent_wrapper .date_label_feat {
	display:inline;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.news.mod_flexicontent_wrapper .date_value,
.news.mod_flexicontent_wrapper .date_value_feat {
	display:inline-block;
	font-weight: normal;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}


/* CONTAINER of item description */
.news.mod_flexicontent_wrapper .fcitem_text { /* for image (not contained inside) see more below */
	/*text-align:justify;*/
	margin: 0px;
	padding: 0 12px;
	line-height: 160%;
}


/* CONTAINER of item image (featured and standard) */
.news.mod_flexicontent_wrapper .image_featured,
.news.mod_flexicontent_wrapper .image_standard {
	float: left;
	margin: 0;
}

/* item image styling (link, image, etc) */
.news.mod_flexicontent_wrapper .image_featured a:hover,
.news.mod_flexicontent_wrapper .image_standard a:hover {
  text-decoration: none;
}
.news.mod_flexicontent_wrapper .image_featured img,
.news.mod_flexicontent_wrapper .image_standard img {
  padding: 0px; /* disabled item border thus padding too */
	border-width: 0px; /* disabled item border */
	border-style: solid;
	border-color: #cccccc #cccccc #cccccc #cccccc;
	border-radius: 0px;
}
.news.mod_flexicontent_wrapper .image_standard a:hover img,
.news.mod_flexicontent_wrapper .image_featured a:hover img {
  border:1px solid #444444;
}


/* CONTAINER of item hits, voting, comments */
.news.mod_flexicontent_wrapper .fcitem_hits { padding: 2px 0px 1px 0px; display: inline-block; }
.news.mod_flexicontent_wrapper .fcitem_voting { padding: 0px 0px 2px 0px; display: inline-block; }
.news.mod_flexicontent_wrapper .fcitem_comments{ padding: 2px 0px 1px 0px; display: inline-block; }

.news.mod_flexicontent_wrapper .fcitem_hits img,
.news.mod_flexicontent_wrapper .fcitem_comments img {
	vertical-align: middle;
}

.news.mod_flexicontent_wrapper .hits_label,
.news.mod_flexicontent_wrapper .voting_label, 
.news.mod_flexicontent_wrapper .comments_label {
	display:inline;
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	vertical-align:top;
}

/* force voting to display in same row as label */
.news.mod_flexicontent_wrapper .voting_value_feat,
.news.mod_flexicontent_wrapper .voting_value,
.news.mod_flexicontent_wrapper .voting_value_feat .voting,
.news.mod_flexicontent_wrapper .voting_value .voting {
	display: block;
}
.news.mod_flexicontent_wrapper div.fcvote > ul.fcvote_list {
	clear: none !important;
}
.news.mod_flexicontent_wrapper div.fcvote-label-outer {
	clear: none !important;
	display: inline-block !important;
	float: none !important;
}


/* CONTAINER of other item fields */
.news.mod_flexicontent_wrapper .fcitem_fields {
	display: inline-block !important;
	line-height: 140%;
}

/* other item fields styling (label, value, etc) */
.news.mod_flexicontent_wrapper .field_label {
	font-weight: bold;
	display:block;
	float:left;
	clear:left;
	margin-right:8px;
	border-bottom: 1px dashed silver;
	text-align: left;
}
.news.mod_flexicontent_wrapper .field_value {
	font-weight: normal;
	display:block;
	float:left;
	text-align: left;
}


/* CONTAINER of item read more */
.news.mod_flexicontent_wrapper .fcitem_readon {
	float:left;
	background: url("images/readmore.png") transparent no-repeat scroll 0px 5px;
	border:solid transparent;
	border-width:1px 0px;
	padding: 1px 6px 1px 20px;
	margin: 3px 3px 3px 4px;
	display: inline-block;
	-webkit-transition: all 0.4s; transition: all 0.4s;

	background-color: transparent;
	color: #08c;
	font-size: inherit;
}
.news.mod_flexicontent_wrapper .fcitem_readon:hover {
	background-color: rgba(255, 255, 255, 0.2);
	border-color: gray;
	border-width: 1px 0px;
	border-radius: 0px;
}

/* item read more styling (link, etc) */
.news.mod_flexicontent_wrapper .fcitem_readon a.readon,
.news.mod_flexicontent_wrapper .fcitem_readon a.readon span {
	font-weight: bold;
	line-height: 160%;
	padding: 0px;
	background: transparent;
	text-decoration: none !important;
	cursor: pointer;
	-webkit-transition: all 0.4s; transition: all 0.4s;
	vertical-align: top;
	color: inherit;
	font-size: inherit;
}
.news.mod_flexicontent_wrapper .fcitem_readon:hover a.readon,
.news.mod_flexicontent_wrapper .fcitem_readon:hover a.readon span {
	padding: 0px;
	background: none;
	text-decoration: none !important;
	color: gray;
}



/*****************************/
/* Content PLACEMENT methods */
/*****************************/
.news.mod_flexicontent_wrapper .fc_block {
	line-height: 160%;
}
.news.mod_flexicontent_wrapper .fc_overlayed {
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.4 opacity */
	background-color: rgba(0, 0, 0, 0.4);
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	/* For IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)";
	width: 96%;
	height: auto;
	padding: 2%;
	margin: 0%;
	position: absolute;
	left: 0px;
}
.news.mod_flexicontent_wrapper .fc_overlayed .fc_block {
	/*font-family: Raleway;
	font-weight:900;*/
	line-height: 160%;
	color: white;
	/*text-shadow: 1px 1px 2px #000, -1px -1px #000, 1px 1px #000;*/
	text-shadow: 1px 1px 1px #000;
}

.news.mod_flexicontent_wrapper .fc_bottom {	bottom: 0px; }
.news.mod_flexicontent_wrapper .fc_top { top: 0px; }
.news.mod_flexicontent_wrapper .fc_full { top: 0px; height: 96%; }

.news.mod_flexicontent_wrapper .fc_stretch {
	width:100% !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	display: block;
}
.news.mod_flexicontent_wrapper .fc_float_left {
	float: left !important;
	margin: 0px 12px 8px 0;
	display: block;
}
.news.mod_flexicontent_wrapper .fc_float_right {
	float: right !important;
	margin: 0px 0 8px 12px;
	display: block;
}
.news.mod_flexicontent_wrapper .fc_floated {}

.news.mod_flexicontent_wrapper .image_featured.fc_float_left img,
.news.mod_flexicontent_wrapper .image_featured.fc_float_right img,
.news.mod_flexicontent_wrapper .image_standard.fc_float_left img,
.news.mod_flexicontent_wrapper .image_standard.fc_float_right img { }
.news.mod_flexicontent_wrapper .image_featured.fc_float_left img,
.news.mod_flexicontent_wrapper .image_featured.fc_float_right img,
.news.mod_flexicontent_wrapper .image_standard.fc_float_left img,
.news.mod_flexicontent_wrapper .image_standard.fc_float_right img { }

.news.mod_flexicontent_wrapper .fc_clear { clear: both !important; }

.news.mod_flexicontent_wrapper .mod_flexicontent_featured_wrapper .fc_auto_show,
.news.mod_flexicontent_wrapper .mod_flexicontent_standard_wrapper .fc_auto_show {
	-webkit-transition: max-height 0.3s linear, opacity 0.3s linear, padding 0.3s linear, background-color 0.3s linear;
	transition: max-height 0.3s linear, opacity 0.3s linear, padding 0.3s linear, background-color 0.3s linear;
	
	opacity: 0.0;
	filter:alpha(opacity=0);
	
	max-height: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow-y: hidden;
}


/* AUTO-SHOW CONTENTS of items (having class: .fc_auto_show), when:
 *
 * - ACTIVATED (selected)
 * - HOVERED
 */

.news.mod_flexicontent_wrapper .mod_flexicontent_featured_wrapper.mod_fc_activeitem .fc_auto_show.fc_show_active,
.news.mod_flexicontent_wrapper .mod_flexicontent_standard_wrapper.mod_fc_activeitem .fc_auto_show.fc_show_active,
.news.mod_flexicontent_wrapper .mod_flexicontent_featured_wrapper:hover .fc_auto_show,
.news.mod_flexicontent_wrapper .mod_flexicontent_standard_wrapper:hover .fc_auto_show {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: rgba(0, 0, 0, 0.75);
	max-height: 100%; /* can be approximate, percentage works well if parent height is specific */
}


/*
 * HIGHLIGHT HOVERED item container (if highlight-on-hover enabled in configuration)
 *
 * - CLASS .mod_hl_hover => Enables hi-lighting on hovered item (it is added via configuration parameter)
 * - CLASSES .mod_hl_hover.mod_fc_activeitem => Override CSS for 'active' (selected) when hovered
 */

.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.mod_hl_hover.mod_fc_activeitem:hover .mod_flexicontent_featured_wrapper_innerbox,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_featured_wrapper.mod_hl_hover:hover .mod_flexicontent_featured_wrapper_innerbox,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.mod_hl_hover.mod_fc_activeitem:hover .mod_flexicontent_standard_wrapper_innerbox,
.news.mod_flexicontent_wrapper .mod_flexicontent .mod_flexicontent_standard_wrapper.mod_hl_hover:hover .mod_flexicontent_standard_wrapper_innerbox {
	background-color: #D0D0D0;
	border-color: #888 #555 #555 #888;
	box-shadow: -2px 2px 5px -2px black, 2px -2px 5px -2px black;
	z-index: 12; /* needed in cases the standard-itens outer box has z-index 10 */
}