<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**************************
 * General
 **************************/
#news_list
{

}
#news_list::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
/**************************
 * FilterItems
 **************************/
#news_filter_items
{
	margin-bottom: 			20px;
}


/**************************
 * ListItems
 **************************/
ul#news_list_items_ul,
ul#news_list_items_ul li
{
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
}


	/**************************
	 * News Item
	 **************************/
	 #news_list .news_list_item:link,
	 #news_list .news_list_item:hover,
	 #news_list .news_list_item:active,
	 #news_list .news_list_item:visited
	 {
		 position:  		relative;
	 	float: 				left;
	 	width: 				23.5%;
	 	height: 			320px;
	 	margin-right: 		1.5%;
		 margin-bottom:  	50px;
	 }
	 .news_list_item:link,
	 .news_list_item:hover,
	 .news_list_item:active,
	 .news_list_item:visited
	 {
	 	float: 				left;
	 	display: 			block;
	 	padding: 			0;
	 	text-decoration: 	none;
	 }

	 
		 .news_list_item_picture
		 {
		 	position: 				relative;
		 	height: 				180px;
		 	background-color: 		#eee;
		 	background-position: 	left;
		 	background-repeat: 		no-repeat;
		 	background-size: 		cover;
		 	margin-bottom: 			10px;
		 }
		 .news_list_item .news_list_item_picture::after
		 {
	  		content: 			" ";
	  		display: 			block;
	  		clear: 				both;
	  		position: 			absolute;
	  		top: 				0;
	  		left: 				0;
	  		right: 				0;
	  		bottom: 			0;
	  		z-index: 			0;
	  		background-color: 	rgba(255,255,255,0);
	  		-webkit-transition:	all .2s ease-out;
	  		-moz-transition:	all .2s ease-out;
	  		-o-transition:		all .2s ease-out;
	  		transition:			all .2s ease-out;
			-webkit-transform: 	scale(0);
			-moz-transform: 	scale(0);
			-ms-transform: 		scale(0);
		 }
		 .news_list_item:hover .news_list_item_picture::after
		 {
	  		background-color: 	rgba(255,255,255,.2);
			-webkit-transform: 	scale(1);
			-moz-transform: 	scale(1);
			-ms-transform: 		scale(1);
		 }
	
		 .news_list_item_theme
		 {
			 font-size:  			11pt;
			 font-weight:  			300;
			 font-style:  			italic;
			 padding:  				15px 0;
			 padding-left:  		40px;
			 background-position:	left;
			 background-repeat: 	no-repeat;
			 background-size:  		32px;
		 }

		 .news_list_item_title h4
		 {
		 	color: 				#222;
		 	margin: 			0;
		 	padding: 			5px 0;
		 	font-size: 			11pt;
		 	line-height:		1.3;
		 }
		 .news_list_item_date
		 {
		 	font-weight: 		300;
			color: 				#ED6241;
		 }
		 .news_list_item_description
		 {
			color: 				#777;
		 }
		 
	 .news_list_item
	 {
	 	padding: 			0 10px;
	 }
	 
	 
	 

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Tablet */ 
and (max-width : 1030px) 
{
	#news_list .news_list_item:link,
	#news_list .news_list_item:hover,
	#news_list .news_list_item:active,
	#news_list .news_list_item:visited
	{
			width: 			23.5%;
	}
}

@media only screen /* Tablet Small */ 
and (max-width : 900px) 
{
	#news_list .news_list_item:link,
	#news_list .news_list_item:hover,
	#news_list .news_list_item:active,
	#news_list .news_list_item:visited
	{
			width: 			31.5%;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#news_list .news_list_item:link,
	#news_list .news_list_item:hover,
	#news_list .news_list_item:active,
	#news_list .news_list_item:visited
	{
		width: 			48%;
		margin-right: 	2%;
	}

	#news_list .news_list_item:nth-child(2n):link,
	#news_list .news_list_item:nth-child(2n):hover,
	#news_list .news_list_item:nth-child(2n):active,
	#news_list .news_list_item:nth-child(2n):visited
	{
		margin-left: 		0 !important;
	}
}


@media only screen /* Smartphone */ 
and (max-width : 400px) 
{
	#news_list .news_list_item:link,
	#news_list .news_list_item:hover,
	#news_list .news_list_item:active,
	#news_list .news_list_item:visited
	{
		float: 			none;
		width: 			auto;
		
	}
	#news_list .news_list_item:nth-child(2n)
	{
		margin-left: 		1.5% !important;
	}
}</pre></body></html>