/* PLAIN LIST */

.eco-article-list {
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
}

.eco-article-list-item {
	display: flex;
	flex-flow: row nowrap;
	max-width: 100%;
	overflow: hidden;
	padding: 0.1em 0;
}

.eco-article-list-item div:nth-child(1) {
	width: 4.2em;
}

.eco-article-list-item div:nth-child(2) {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 5em);
}

.eco-article-list-item div:nth-child(3) {
	width: 0.8em;
}

.eco-article-list-item a,
.eco-article-list-item a:visited,
.eco-article-list-item a:focus,
.eco-article-list-item a:active {
	color: #333;
	text-decoration: none;
}
.eco-article-list-item a:hover {
	color: #333;
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.eco-article-list-item span.year {
		display: none;
	}
	.eco-article-list-item div:nth-child(1) {
		width: 3em !important;
	}
	
	.eco-article-list-item div:nth-child(2) {
		max-width: calc(100% - 3.8em) !important;
	}
}

/* ALT! */

.eco-article-list > h3 {
	margin: 0.7em 0;
}

/* PREVIEW LIST */

.eco-article-list-preview > .spacing-row {
	margin-bottom: 1em;
}

.eco-article-list-preview > .row > div:nth-child(1) > div {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 0px;
    line-height: 0px;
    width: 100%;
}

.eco-article-list-preview .pub_date {
	color: #777;
	margin-right: 0.5em;
}

.eco-article-list-preview-link {
	color: #333;
	font-weight: bold;
}

.eco-article-list-preview-link:visited {
	color: #333;
}