/*

	Style for prestanews module.

*/



#news_content p img,#news_content img{



	max-height: 250px;

max-width: 100%;

width: auto;

margin: 3px 0px 25px 0px;

}

#bigphoto

{

	/*width:100%;*/

}

#sliders_list, #bigsliders_list

{

display:inline-block;

}





#product_list.news_list {

	margin: 30px 0 0 0;

	padding: 0;

	list-style: none;

	position: relative;

}



/* The line 

#product_list.news_list:before {

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	width: 10px;

	background: #01c0e2;

	left: 16%;

	margin-left: 0;

}*/



#product_list.news_list li {

	position: relative;

	display: inline-flex;

}



/* The date/time */

#product_list.news_list li .cbp_tmtime {

	display: block;

	width: 25%;

	padding-right: 100px;

	position: absolute;

}



#product_list.news_list li .cbp_tmtime span {

	display: block;

	text-align: right;

	font-size:1em;

	color: #4f69b2;

}





/* Right content */

.cbp_tmlabel h3,

#news_content h3.subtitle-news {



    font-size: 15px;

    color: #000;

    padding-left: 14px;



}

#product_list.news_list li .cbp_tmlabel {

	margin: 0 0 3px 11%;

	background: #f5f5f5;

	padding: 1em 1em 2em;

	line-height: 2em;

	position: relative;

	border-radius: 5px;

}



#product_list.news_list li .timepub {

		display: block;

		position: absolute;
    margin-left: 15px;

}



#product_list.news_list li .timepub span {

		display: block;

		text-align: center;

	color: #4f69b2;

}



#product_list.news_list li .timepub span.date-pub {

	font-weight: bold;

	font-size: 1em;

}



#product_list.news_list li:nth-child(odd) .cbp_tmlabel {

	background: #e9ebf1;

}



#product_list.news_list li .cbp_tmlabel h2 {

	margin-top: 0px;

	padding: 0 0 10px 0;

	border-bottom: 1px solid #253969;

	font-size: 24px;

}

#product_list.news_list li .cbp_tmlabel h2 a {

    color: #253969;

}



/* The triangle */

#product_list.news_list li .cbp_tmlabel:after {

	right: 100%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-right-color: #F5F5F4;

	border-width: 10px;

	top: 10px;

}



#product_list.news_list li:nth-child(odd) .cbp_tmlabel:after {

	border-right-color: #e9ebf1;

}



/* The icons */

#product_list.news_list li .cbp_tmicon {

	width: 35px;

	height: 35px;

	font-size: 1.4em;

	line-height: 35px;

	position: absolute;

	color: #4f69b2;

	background: #f6f6f6;

	border-radius: 50%;

	box-shadow: 0 0 0 8px #4f69b2;

	text-align: center;

	left: 14.3%;

	top: 0;

	margin: 0;

}



.cbp_tmicon-phone:before {

	content: "\f1ea";

	font-family: "FontAwesome";

}





/* Example Media Queries */



@media (max-width: 991px) {

	#product_list.news_list:before {

		display: none;

	}



	#product_list.news_list li .cbp_tmtime {

		width: 100%;

		position: relative;

		padding: 0 0 20px 0;

	}



	#product_list.news_list li .cbp_tmtime span {

		text-align: left;

	}



	#product_list.news_list li .cbp_tmlabel {

		margin: 35px 0 30px 0;

	}



	#product_list.news_list li .cbp_tmlabel:after {

		right: auto;

		left: 20px;

		border-right-color: transparent;

		border-bottom-color: #4f69b2;

		top: -20px;

	}



	#product_list.news_list li:nth-child(odd) .cbp_tmlabel:after {

		border-right-color: transparent;

		border-bottom-color: #f6f6f6;

	}



	#product_list.news_list li .cbp_tmicon {

		position: relative;

		float: right;

		left: auto;

		margin: -15px 5px 0 0px;

	}

	#product_list.news_list li .timepub span {

		display: inline;

	}

}



	#product_list.news_list li .cbp_tmlabel .button.button-small {float: right;}



	h2.title-news {

	    color: #253969;

	    font-size: 24px;

	    border-bottom: 1px solid;

	    padding-bottom: 5px;

	}



	.date-news {

    font-weight: bold;

color:#4f69b2;

padding-left: 13px;

}

.news-desc {

	padding-left: 13px

}

.date-news::before {

	content: "\f073";

	font-family: "FontAwesome";

	font-size: 1.3em;

	padding-right: 10px;

}



.btn-actu {

	background: #cdc3ec;

	color: #4f69b2;

	padding: 9px 15px;

	text-align: center;

	font-weight: bold;

	margin: 15px auto;

	display: inline-block;

}



.btn-actu:hover {

	background: #f0d1a8;

	color: #000;

}

