.articles-container {
	position:relative;
	padding:25px 0 25px 0;
}

.articles-title {
	text-align:center;
	padding:10px 0 10px 0;
}

.articles-data {
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center;
}

.articles-item {
	display:inline-block;
	box-sizing:border-box;
	background:rgba(0,0,0,0.025);
	width:30%;
	height:170px;
	padding:10px;
	margin:10px;
	margin-bottom:30px;
}

.articles-item .articles-item-name {
	font-size:1em;
	line-height:1em;
	padding:5px;
}

.articles-item .articles-item-datetime {
	font-size:0.5em;
	line-height:1em;
	padding:5px;
}

.articles-item .articles-item-preview {
	font-size:0.8em;
	padding:5px;
}

.articles-item .articles-item-link {
	font-size:0.7em;
	padding:5px;
}

/* POSITIONING */
 
.articles-data[data-justify-content="center"] {
	justify-content:center;
}

.articles-data[data-justify-content="start"] {
	justify-content:flex-start;
}

.articles-data[data-justify-content="end"] {
	justify-content:flex-end;
}

.articles-data[data-justify-content="space-between"] {
	justify-content:space-between;
}

.articles-data[data-justify-content="space-around"] {
	justify-content:space-around;
}

/* SIZED */

.articles-data[data-perline="5"] .articles-item {
	width:18%;
}

.articles-data[data-perline="4"] .articles-item {
	width:20%;
}

.articles-data[data-perline="3"] .articles-item {
	width:30%;
}

.articles-data[data-perline="2"] .articles-item {
	width:40%;
}

.articles-data[data-perline="1"] .articles-item {
	width:90%;
}


/* X - MAGLINE */


.articles-item-table {
	display:table;
	width:100%;
	vertical-align:top;
}

.articles-item-table-cell {
	display:table-cell;
	vertical-align:top;
}

.articles-item-table .articles-item-table-cell:first-child {
	width:256px;
}

.articles-item-datetime-x {
	position:absolute;
	width:70px;
	height:70px;
	margin:-35px 0 0 165px;
	background:#014983;
	color:#FFF;
	box-sizing:border-box;
	padding:5px 10px 0 10px;
	text-align:right;
	z-index:5;
}

.articles-item-image-x {
	width: 200px; 
	height: 150px;
	position:relative;
	z-index:10;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.articles-item-link-x {
	color:#014983;
	font-weight:bold;
	font-size:12px;
}

.articles-item-content-x {
	padding: 25px;
	box-sizing: border-box;
}

.articles-item-preview-x {
	font-size:14px;
}

.articles-item-datetime-daymonth-x {
	margin:0;
	font-size:19px;
}

.articles-item-datetime-year-x {
	margin:0;
	font-size:11px;
}

.accordeon-trigger__icon-container {
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}

.accordeon-show .accordeon-trigger__icon {
  position: absolute;
  top: -4px;
  margin-left: 0;
  margin-left: 10px;
  width: 28px;
  height: 28px;
  background: url('/filecache/arrow-down.png');
  background-size: cover;
}

.accordeon-hide .accordeon-trigger__icon {
  position: absolute;
  top: -4px;
  margin-left: 0;
  margin-left: 10px;
  width: 28px;
  height: 28px;
  background: url('/filecache/arrow-right.png');
  background-size: cover;
}

.accordeon-hide.accordeon-content {
  display: none;
}