.section-content.highlights {
    display: flex;
    
    padding-top: 24px;

    background-color: #F6F8F9;
}

.section-content.highlights .list {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
}

.section-content.highlights .list .card {
	display: flex;
	flex-direction: column;
	width: calc(33% - 32px);
	margin: 16px;
	min-width: 266px;

	background-color: #fff;

	-webkit-box-shadow: 3px 3px 13px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 13px -2px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 13px -5px rgba(0,0,0,0.75);
}

.section-content.highlights.detail .list .card {
	width: 100%;
}

@media (max-width: 1280px) {
	.section-content.highlights .list .card {
		width: calc(50% - 32px);
	}

	.section-content.highlights .list {
		width: 70%;
	}
}

@media (max-width: 900px) {
	.section-content.highlights .list .card {
		width: 100%;
		min-width: 280px;
	}
}

.section-content.highlights .list .card .card-image img {
	width: 100%;
	height: 200px;
}

.section-content.highlights.detail .list .card .card-image img {
	width: 70%;
    display: block;
    margin: 12px auto;
    height: inherit;
}

.section-content.highlights .list .card .card-desc {
	height: 100%;
	padding: 8px;
}

.section-content.highlights .list .card .card-categories {
	margin-top: 0;
	text-transform: uppercase;
	color: #00AFD4;
	font-size: 14px;
}

.section-content.highlights .list .card .card-categories a {
	text-decoration: none;
    color: inherit;
}

.section-content.highlights .list .card .card-categories a:hover {
	text-decoration: underline;
}

.section-content.highlights .list .card .card-title {
	margin: 0;
	color: #323645;
}

.section-content.highlights .list .card .card-title  a {
	text-decoration: none;
    color: inherit;
    font-weight: 600;
}

.section-content.highlights .list .card .card-title  a:hover {
	text-decoration: underline;
}

.section-content.highlights .list .card .card-text {
	margin: 8px 0;
	color: #989898;
}

.section-content.highlights.detail .list .card .card-text img {
	display: block;
	margin: 0 auto;
}

.section-content.highlights .list .card .card-footer {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #323645;
}

.section-content.highlights .list .card .card-date {
	margin: 0 4px;
}

.section-content.highlights .list .card .card-author {
	margin-left: 4px;
	color: #00AFD4;
}

.section-content.highlights aside {
	width: 20%;
}

@media (max-width: 1280px) {
	.section-content.highlights aside {
		width: 30%;
	}
}

.section-content.highlights .aside-list {
	margin: 16px;
}

.section-content.highlights .aside-list-header {
	padding: 12px;
	background-color: #323645;
}

.section-content.highlights .aside-list-header h2 {
	margin: 0;

	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
}

.section-content.highlights .aside-list-content {
	padding: 12px;
	background-color: #fff;
}

.section-content.highlights .aside-list-content ul {
	padding: 0;
}

.section-content.highlights .aside-list-content li {
	margin: 8px 0
	;
	list-style: none;
}

.section-content.highlights .aside-list-content a {
	color: #00AFD4;
	text-decoration: none;
}

.section-content.highlights .aside-list-content a:hover {
	color: #00AFD4;
	text-decoration: underline;
}