// -------------------------------------------------------------------
// :: NEWS
// -------------------------------------------------------------------

.m-news{
	position: relative;


	&--featured {
		margin-bottom: 2em;
		flex-basis: 100%;

		.m-news__content {
			width: auto !important;
			padding: 0 1rem;
		}

		.m-news__thumbnail {
			margin: 0 !important;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;

			@include FLOW-at($tablet) {
				margin: rem(-20px) rem(-20px) 0;
			}

			@include FLOW-at($desktop) {
				border-bottom-right-radius: 0;
				border-top-right-radius: 0;
				border-bottom-left-radius: 8px;
				position: absolute;
				top: 0;
				width: calc(33.33% - 1rem);
				height: 100%;
			}
		}

		.m-news__content {
			padding: 1rem;
			margin: 0;
			background: $light;

			h4{
				font-size: rem(20px);
			}

			@include FLOW-at($desktop) {
				margin-left: calc(33.33% - 1rem) !important;
				padding-left: 2rem;
			}
		}
	}
}

.m-news__thumbnail{
	width: auto;
	height: 12rem;
	display: block;
	background-color: $primary-color;
	border-radius: $border-radius;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.m-news__content{
	margin-top: 1rem;

	h4{
		margin: 0.5rem 0 1rem;
		font-size: rem(14px);
	}
}


.m-news__footer{
	position: relative;
	padding-top: 1rem;
	border-top: $border-simple;
	font-size: rem(13px);
}