/* ==================================================

	News panel

================================================== */

.news {
	padding: 21px 0 21px;
}

.news__title {
	padding-left: 16px;
	margin-bottom: 7.5px;

	font-size:      var(--text-title);
	font-weight:    var(--font-weight-bold);
	line-height:    1.239;
	letter-spacing: var(--tracking-title);
}

/* one is a <button>: needs the block width + left align an <a> gets free */
.news__link {
	display: block;

	width: 100%;
	padding-left: 16px;
	padding-top: 5.25px;
	padding-bottom: 5.25px;

	text-align: left;
}

.news__link:hover {
	background-color: rgba(140, 140, 140, 0.1);
}

  .has-skin-deel .news__link:hover,
.has-skin-bombay .news__link:hover {
	background-color: rgba(140, 140, 140, 0.05);
}

.news__headline {
	max-width: 241px;

	font-size:   var(--text-news-headline);
	font-weight: var(--font-weight-bold);
	line-height: 1.231;
	color:       var(--color-fg-default);
}

.news__time {
	margin-top: 3px;

	font-size:   var(--text-meta);
	font-weight: var(--font-weight-bold);
	line-height: 1.2;
	color:       var(--color-fg-muted);
}

.news__more {
	display: block;

	padding-left: 16px;
	margin-top: 10px;

	text-align: left;

	font-size:   var(--text-news-headline);
	font-weight: var(--font-weight-bold);
	line-height: 1.231;
	color:       var(--gray-dark);
}

.news__more:hover {
	color: var(--black-soft);
}