/*
 * Articles CSS - Module Styles
 * Version 1.0
 * Created by CeLa
 * © Copyright by CeLa
 */
.articles-heading {
}
.articles-heading > h2 {
	margin-bottom: 15px;
}

/* Articles */
.articles.list-style {
}
.articles.list-style .article {
	border: 1px solid var(--base-grey);
	-webkit-border-radius: var(--radius-md);
	-moz-border-radius: var(--radius-md);
	border-radius: var(--radius-md);
	overflow: hidden;
}
@media(min-width: 992px){
	.articles.list-style .article {
		display: flex;
	}
	.articles.list-style .article > * {
		flex: 1;
	}
	.articles.list-style .article .body {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
.articles.list-style .article:not(:first-child) {
	margin-top: var(--gutter-md);
}
.articles.list-style .article .body {
	padding: var(--gutter-md);
}
@media(max-width: 767px){
	.articles.list-style .article .image {
		border-bottom: 1px solid var(--base-grey);
	}
}
.articles.list-style .article .body time.date {
}
.articles.list-style .article .body .category {
	margin-top: var(--gutter-xs);
}
.articles.list-style .article .body .date i,
.articles.list-style .article .body .category i {
	color: var(--thd-color);
}
.articles.list-style .article .body .category a,
.articles.list-style .article .body .category a:visited {
	color: var(--thd-color);
	text-decoration: none;
}
.articles.list-style .article .body .category a:hover,
.articles.list-style .article .body .category a:active,
.articles.list-style .article .body .category a:focus {
	color: var(--pri-color);
}
.articles.list-style .article .body .exzerpt {
	margin-top:  var(--gutter-sm);
}
.articles.list-style .article .body .link {
	margin-top:  var(--gutter-sm);
}


/*
 * Article Details
 */
.article-detail {
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid #edf3f9;
	-webkit-border-radius: var(--radius-md);
	-moz-border-radius: var(--radius-md);
	border-radius: var(--radius-md);
	overflow: hidden;
}
.article-detail .body {
	padding:  var(--gutter-md);
}
.article-detail .caption {
	display: flex;
	padding: var(--gutter-sm)  var(--gutter-md);
	border-top: 1px solid #edf3f9;
	background-color: var(--light-blue);
}
.article-detail .caption > * {
	flex: 1;
}
.article-detail .caption time {
}
.article-detail .caption .category {
	text-align: right;
}
.article-detail .caption .date i,
.article-detail .caption .category i {
	color: var(--thd-color);
}
.article-detail .caption a {
	
}
.article-detail .caption a,
.article-detail .caption a:visited {
	color: var(--thd-color);
	text-decoration: none;
}
.article-detail .caption a:hover,
.article-detail .caption a:active,
.article-detail .caption a:focus {
	color: var(--pri-color);
}

/* Navbar categories */
nav.navbar-categories {}
nav.navbar-categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav.navbar-categories ul > li {
	padding-top: 6px;
	padding-bottom: 6px;
}
nav.navbar-categories ul > li:not(:first-child) {
	border-top: 1px dotted var(--base-grey);
}
nav.navbar-categories ul li a {
	text-decoration: none;
}
nav.navbar-categories ul > li > a {}