@charset "UTF-8";

.topics h2 {
	font-size: 1.25rem;
	font-weight: bold;
}

.topic-head {
	background: #ccc;
}

.topic-list {
	padding: 1rem 0.5rem;
}

a:hover {
	text-decoration: none;
}

a .topic-list:hover {
	background: #e9ecef;
}

a .topic-title {
	color: #343A40;
	font-size: 14px;
	margin-top: 0.5rem;
}

.topic-date {
	color: #A39E9E;
	font-size: 14px
}

.card-header {
	background: #fff;

}

.card-body {
	padding: 0.25rem;
}

.card {
	border: none;
	font-size: 16px;
}

.topic-date-single {
	color: #A39E9E;
	font-size: 0.8rem;
}

.topics .card-header {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
	.topics h2 {
		font-size: 1.5rem;
	}

	a .topic-title {
		color: #343A40;
		font-size: 14px;
		margin-top: 0;
	}
}