.download-thumbs {
	margin: -3px;
	margin-top: 3px;
	margin-bottom: 15px;
	@extend %clearfix;
	font-size: $font-micro;
}
.download-thumb {
	width: 50%;
	position: relative;
	padding: 3px;
	float: left;
	display: block;
	transition: opacity .3s;
	@media screen and (min-width: $bp-mobile) {
		width: 33.33%;
	}
	@media screen and (min-width: $bp-tablet) {
		width: 33.33%;
		float: none;
	}
	@media screen and (min-width: $bp-laptop) {
		width: 33.33%;
	}
	&:hover {
		opacity: 0.8;
	}
}
.download-thumb-alt {
	width: 50%;
	position: relative;
	padding: 3px;
	float: left;
	display: block;
	transition: opacity .3s;
	@media screen and (min-width: $bp-tablet) {
		width: 25%;
		float: none;
	}
	&:hover {
		opacity: 0.8;
	}
}
.download-buttons {
	margin-bottom: 15px;
	@media screen and (min-width: $bp-laptop) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
.button-set {
	margin-bottom: 15px;
	margin-top: 15px;
	@media screen and (min-width: $bp-laptop) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 15px -2px;
	}
}
.artist-videos {
	margin-bottom: 15px;
}
.artist-videos .col--1-3 {
	width: 100%;
	position: relative;
		@media screen and (min-width: $bp-mobile) {
			width: 100%;
		}
		@media screen and (min-width: $bp-laptop) {
			width: 33%;
		}
}
.nonYoutubeEmbedsWrapper {
	
	.embedWrapper {
		width: 100%;
		// max-height: 280px;
		margin-bottom: 40px;
		position: relative;
		.spotifyShort {
			height: 80px !important;
		}
	}
}
.artist-news .col--1-3 {
	width: 100%;
	position: relative;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 4px;
	@media screen and (min-width: $bp-mobile) {
		width: 100%;
	}
	@media screen and (min-width: $bp-laptop) {
		width: 40% !important;
		padding: 0 10px 0 0;
		margin-bottom: 0;
		&:first-of-type {
			width: 20% !important;
		}
	}
	&>span {
		padding-left: 10px;
	}
}
.artist-news-post {
	padding: 20px;
	border-bottom: $border-default;

	@media screen and (min-width: $bp-laptop) {
		padding: 20px 0;
		display: flex;
		flex-wrap: wrap;
	}
}

.newsWrapper {
	margin-top: 20px;
}
