/* Blog Theme : item template CSS file */

/********************************************************************/
/*** Part 1, CSS rules for fields display via Template parameters ***/
/********************************************************************/
#flexicontent {
margin-left:80px;
padding-left:5%;
padding-right:30%;
background-color:#ffffff;
text-align: justify;
}
.fc_field_image {
    border: 0px solid lightgray;
    border-radius: 0px;
    width:100%;
}
#flexicontent .doc {
	 background: url(../../../../../images/doc.png) 5px 5px no-repeat;
	background-position: right top;
	background-size: 30%;
	background-size: cover;
background-color: rgba(210, 88, 73, 1);
}

#flexicontent .infoplus {
  
    background: url(../../../../../images/infoplus.png) 5px 5px no-repeat;
	background-position: right top;
	background-size: 30%;
	background-size: cover;
background-color: rgba(210, 88, 73, 1);
	
}
.slideshow-images img {
border:0;
width:100%;
}
.buttons {
padding:0;
margin:0;
right:0;
top:0px;
z-index:100;
}
#flexicontent .value .field_document {
	Background : #1cb4c2;
	color:#fff;
	padding:20px;
	width:100%;
}
.fc_item_title {
color:#d25849;
font-size:120%
}
.iteminfo .createdline {
	font-size:9px;
	display:block;
}
.iteminfo .createdby {
	font-size:9px;
	font-weight:normal;
}
.iteminfo .created {
    background: rgba(0, 0, 0, 0) url("date.png") no-repeat scroll 0 1px;
    padding: 2px 6px 2px 25px;
	color:#d25849;
}

.iteminfo .modifiedline {
	font-size:9px;
	display:block;
}
.iteminfo .modifiedby {
	font-size:9px;
	font-weight:normal;
}
.iteminfo .modified {
	font-size:9px;
	font-weight:bold;
}

.itemactions, .iteminfo, .itemadditionnal, .description {
	margin: 0 0 1em;
}
.iteminfo {
	margin: 0 0 0.4em;
}
.description {
	clear: both;
}
.itemactions span {
	margin: 0 0 0.5em;
}
.itemactions .voting {
	margin-right: 6px;
	float: left;
}
.itemactions .favourites {
}

.itemadditionnal span {
	margin: 0 0 0.3em;
}
.itemadditionnal .categories {
	display: block;
}
.itemadditionnal .tags {
	display: block;
}

.flexi.label { font-weight:normal; color:#666666;font-family: "Conv_Amaranth-Regular",Helvetica,Arial,sans-serif;
  }
.flexi.value { font-weight:normal; }





/*******************************************************************/
/*** Part 2, CSS rules for fields display via Template positions ***/
/*******************************************************************/


/* Rule for customblock used to display fields via template positions */
.customblock {
	width: 100% !important;
	padding: 2px 0 !important;
	margin: 8px 0px !important;
	background-color:#fff;
	display:block;
	border: 0px solid #dddddd;
	border-radius: 0px;
}


/* Default rule for elements: Use auto columns, via min-width we can have full row automaticaly for larger elements (pseudo colspan=2 via css) */
.customblock .element {
	max-width: 100%!important;
	min-width: 50%!important;
padding: 15px 30px 0 0!important;
	margin: 0%!important;
	
	display:block;
	float:left;
	border-width: 0%;
}

/* Force 1 column for all elements */
.customblock .element.singlecol {
	width: 100%!important;
	padding: 0;!important;
}

/* Force 2 columns for all elements */
.customblock .element.doublecol {
	width: 48%!important;
	overflow: hidden;
}
@media screen and (max-width: 550px) {
#flexicontent .fc_field_image {
    border: 0 solid lightgray;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
float:none;
}
.customblock .element {
padding: 15px 0 0 0!important;
	margin: 0%!important;
	float:none;
	border-width: 0%;
width: 100%!important;
}

.customblock .element.doublecol {
	width: 100%!important;
	overflow: visible;
float:none;
}
#flexicontent img {
width:100%;
float:none;
height:auto;
}
}


/* Field label inside the custom blocks */
.customblock .flexi.label {
				font-family: "Conv_Amaranth-Regular", Helvetica, Arial, sans-serif;
  font-size:110%;
  color: inherit;
  color: #d25849;
    text-align:left;
  	padding:0 10px 0 0;
}

/* Field value inside the custom blocks */
.customblock .flexi.value {
			padding:0;
	margin:0;
}

/* Field value when having no label */
.customblock .flexi.value.nolabel {
	width: 100%!important;
}

/* ===============================================
   "micro" clearfix 
   http://nicolasgallagher.com/micro-clearfix-hack/
   =============================================== */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.group:before,
.group:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.group:after {
	clear: both;
}

/**
 * Include this rule to trigger hasLayout and contain floats.
 */
.group {
	/* for IE 6/7 */
	*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
	/* non-JS fallback */
	*zoom: 1;
}
#flexicontent h1,
#flexicontent h2,
#flexicontent h3,
#flexicontent h4,
#flexicontent h5,
#flexicontent h6,
#flexicontent .h1,
#flexicontent .h2,
#flexicontent .h3,
#flexicontent .h4,
#flexicontent .h5,
#flexicontent .h6 {
  font-family: "Conv_Amaranth-Regular", Helvetica, Arial, sans-serif;
  font-weight: 0;
  line-height: 130%;
  color: inherit;
  color: #d25849;
  text-align:left
}