body,p{
	font-family:'DM Sans', sans-serif;
}

body.no-scroll {
	overflow:hidden;
	margin:0;
	height:100%;
}

body.admin-bar header#mp-header {
	top: 46px;
}

h1,h2,h3,h4,h5,h6,.button,strong,button,input[type="submit"],legend,
.mp-social li:not(.social) a,
header.mp-artist .menu li a,
header#mp-header .menu li a,
.mp-press-image-link,
.mp-artist-view-more,
.mp-view-more,
#mp-artists-filter,
#mp-search-field,
.pagination a,
.pagination span{
	font-family:'DM Sans';
}

a:link,
a:visited,
a:focus,
a:active{
	color:#6b00fe;
}


.no-margin{
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

.uppercase{
	text-transform:uppercase;
}

.media-logo-grid {
	display:flex;
	flex-direction: row;
}

.media-logo-grid #media-logo {
	background-color: #000;
	padding: 0 1rem;
}

.media-heading {
	text-transform: uppercase;
	font-family:'DM Sans', sans-serif;	
	padding:4px 10px;
	font-size:2rem;
	margin-left:5px;
	font-weight: 600;
	letter-spacing: -1px;
}

.mp-page-template{
	min-height:calc(100vh - 60px);
}

header#mp-header{
	background-color:#ffffff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	height:55px;
	border-bottom: solid 2px #000;
}

header#mp-header .menu li a {
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	font-weight: 900;
	letter-spacing:-0.5px;
	padding:8px 12px;
	margin:auto 7.5px;
}

header#mp-header .menu li.active a {
	background-color:#fff;
	color:#000;
	position:relative;
}

header#mp-header a {
	color:#000;
}

header#mp-header .menu li.active a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}

#mp-mobile-menu-trigger {
	color:#fff;
}

#mp-mobile-menu {
	position:fixed;
	top:55px;
	left:0;
	right:0;
	z-index:500;
	background: #fff;
}

#mp-mobile-menu li {
	border-bottom: solid 2px #000;
}

#mp-mobile-menu li a {
	color:#000;
	font-weight: 800;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}

#header-logo {
	margin:15px auto;
}

#mp-artist-list,
#mp-search-container {
	position:fixed;
	background-color:#000;
	color:#fff;
	left:0;
	bottom:0;
	right:0;
	top:0;
	z-index:100;
}

#mp-artist-list .close,
#mp-search-container .close {
	position:absolute;
	top:1rem;
	right:1rem;
	color:#fff;
}

#mp-artist-list a,
#mp-search-container a {
	color:#fff;
}

#mp-artists-filter-container,
#mp-search-field-container{
	border:solid 2px #fff;
	margin-bottom:1.5rem;
}

#mp-artists-filter,
#mp-search-field{
	background-color:#000;
	color:#fff;
	border:0;
}

#mp-artists-filter-container .input-group-label,
#mp-search-field-container .input-group-label{
	background-color:#000;
	color:#fff;
	border:0;
}


footer#mp-footer{
	background-color:#000;
	padding-top:25px;
	padding-bottom:50px;
}

.mp-footer-mgroup{
	margin-bottom: 1.5rem;
}

.mp-footer-text{
	font-size:0.75rem;
	color:rgba(255,255,255,0.5);
	line-height:1.25em;
}

.mp-social li a{
	padding-left:0;
	display:block;
}

.mp-social a i{
	color:#fff;
}

.mp-social li:not(.social) a {
	border:solid 2px #fff;
	text-transform: uppercase;
	color:#fff;
	padding:8px 10px;
	margin-right:15px;
	font-size:12px;
}

.mp-footer-companies{
	display:flex;
	flex-wrap:wrap;
	-webkit-box-align: center;
	align-items:center;
}

.mp-footer-companies li{
	list-style:none;
	vertical-align:middle;
	flex-flow: row-reverse wrap;
	margin:0 1rem 1rem;
}

.mp-footer-company-logo{
	max-width:80px;
	max-height:30px;
	display:inline-block;
	opacity:0.5;
}

.mp-footer-mch{
	width:34px;
}

.mp-head1,
.mp-head2,
.mp-head3,
.mp-head4 {
	text-transform: uppercase;
	font-weight: 600;
}

.mp-single-article-date{
	color:#555;
	font-size:12px;
}

#mp-news-grid{
	margin-bottom:60px;
}

.news-grid {
	display: grid;
	grid-gap: 1.875rem;
	grid-auto-rows: 1fr;
}

.mp-artist-tour,
.mp-news-list-item{
	border:solid 2px #000;
	padding:1rem;
	position:relative;
}


.mp-news-list-item.flex{
	display: flex;
  align-items: center;
  justify-content: center;
}

.mp-news-list-footer{
	bottom:1rem;
	left:1rem;
	right:1rem;
	font-size:13px;
	color:#a2a2a2;
}

.mp-news-list-footer a{
	display:inline-block;
	vertical-align:middle;
}

.mp-news-list-title{
	font-weight:500;
}

.mp-news-list-item .mp-news-list-title a{
	color:#000;
	padding:1rem 0;
	display:block;
}

.mp-news-list-item-company-logo{
	max-width:70px;
	max-height:25px;
	float:right;
	overflow:hidden;
	margin-left:10px;
}

.mp-news-list-item-company-logo img{
	max-width:70px;
	max-height:25px;
}

.mp-company-list-image{
	text-align:center;
	display:block;
	padding:25px;
}

.mp-company-list-image img {
	max-width:150px;
	max-height:80px;

}

header.mp-artist{
	padding:25px 0;
	background-color:#fff;
	position:relative;
}

header.mp-artist h2 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -1px;
}

header.mp-artist h2,
header.mp-artist .menu li a{
	margin-bottom:0;
	line-height: 1em;
	color:#000;
}

.mp-head1{
	margin:45px auto 35px;
}


.mp-head2,
.mp-head4 {
	margin:0 auto 20px;
}


#mp-artist-header{
	background-color:#000;
	color:#fff;
	margin-bottom:30px;
}

.mp-artist-content-block{
	margin-bottom:30px;
}

.mp-artist-content-block .news-grid {
	margin-bottom: 2rem;
}

.mp-social-menu{
	margin:20px 0;
}

.mp-social-menu li a {
	color:#fff;
	font-size:1rem;
	text-transform: uppercase;
	font-weight: 800;
	border-bottom: solid 2px #fff;
}


.mp-social-spotify,
.mp-social-apple-music,
.mp-social-youtube,
.mp-social-youtube-channel,
.mp-social-amazon-music,
.mp-social-soundcloud{
	display:inline-block;
	max-width:125px;
	max-height:40px;
	margin:15px 0;
}

.mp-press-image-link{
	display:block;
	width:100%;
	padding:10px;
	margin:20px auto 20px;
	color:#000 !important;
	background-color: #fff;
	text-transform:uppercase;
	font-weight: 800;
	letter-spacing: -0.5px;
}

.mp-artist-company-logo{
	display:inline-block;
	max-width:150px;
	max-height:60px;
	margin:20px 10px 30px;
	overflow:hidden;
	vertical-align: middle;
}


.mp-artist-company-logo img{
	max-width:150px;
	max-height:60px;
}


.mp-artist-company-logo:not(.company-count-1),
.mp-artist-company-logo:not(.company-count-1) img{
	max-width:90px;
	max-height:40px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:2rem;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

a.mp-view-more,
.mp-view-more,
a.mp-artist-view-more,
.mp-artist-view-more{
	background-color:#000;
	color:#fff;
	padding:0.625rem 1rem;
	text-transform:uppercase;
	display:inline-block;
	margin: auto;
	text-align:center;
	font-weight: 900;
	letter-spacing: -1px;
}

a.mp-view-more,
.mp-view-more{
	margin-bottom:3rem;
}

.mp-music-tracklist {
	border:solid 5px #e3e3e3;
	margin:1rem 0;
	padding:1rem;
}

.mp-music-tracklist .music-track-row:hover{
	cursor:pointer;
}

.mp-music-tracklist .mp-music-image {
	border:solid 2px #e3e3e3;
}

.mp-music-tracks tbody,
.mp-music-tracks thead {
	border:0;
	background-color:#fff;
}

.mp-music-tracks tbody tr{
	border-bottom:solid 1px #e3e3e3;
}

.mp-music-tracks tbody tr td{
	font-size:14px;
}

.mp-music-tracks tbody tr:nth-child(2n){
	background-color:#fff;
}

.mp-music-tracks tbody tr:hover {
	background-color:#e3e3e3;
}

.mp-music-track-play{
	width:40px;
}

.mp-music-tracks .unavailable {
	opacity:0.5;
}

.company-header-logo{
	max-height:40px;
	width:auto;
}

.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mp-event-ticket-link,
.mp-event-ticket-link p,
.mp-event-ticket-link h4{
	color:#000;
}

.button.mp-tickets,
.mp-tickets{
	background-color:#000;
	color:#fff;
}

.mp-event-ticket-link + .mp-tickets {
	margin-top:10px;
}

.pagination a,
.pagination span{
	display:inline-block;
	margin:5px;
	padding:0.5rem 1rem !important;
	font-size:1.5rem;
}

.pagination a{
	background-color:#f3f3f3;
	color:#000;
}

.pagination span.current{
	background-color:#6b00fe;
	color:#fff;
}


.mp-search-result .mp-news-list-image {
	margin-bottom:1rem;
}

#mp-artist-heading {
	position: sticky;
	z-index: 100;
}

@media screen and (max-width: 749px) {

	body, #mp-artist-list, #mp-search-container {
		margin-top:55px;
		height:calc(100vh - 55px);
	}

	body.admin-bar #mp-mobile-menu {
		top: 101px;
	}

	#mp-artist-list, #mp-search-container{
		overflow-y:scroll;
	}

	body.admin-bar #mp-artist-list, 
	body.admin-bar #mp-search-container {
		margin-top:101px;
		height:calc(100vh - 101px);
	}

	#mp-footer .menu.mp-social{
		margin-bottom:1rem;
	}

	.mp-footer-companies{
		margin-left:0;
	}

	.mp-footer-text{
		margin-bottom:1.5rem;
	}

	header#mp-header a {
		margin-right:1rem;
	}

	header.mp-artist{
		padding-top:1.5rem;
	}

	header.mp-artist h2{
		margin:1.5rem 0;
		font-size:2rem;
	}

	header.mp-artist .menu{
		margin-bottom:1rem;
	}

	header.mp-artist .menu li a{
		padding-left:0;
		padding-right:1rem;
	}

	#header-mobile {
		display:flex;
		align-items: center;
		height:55px;
	}

	#header-mobile .logo {
		background-color: #000;
		padding:0 1rem;
		height:55px;
		display: grid;
		align-content: center;
	}

	#header-logo-mobile {
		width:110px;
		display:inline-block;
		margin-right:5px;
	}

	#mp-artist-header .links {
		padding: 1rem 1rem;
	}

	

}

@media screen and (min-width: 750px) {

	body.admin-bar header#mp-header {
		top: 32px;
	}	

	#mp-artist-heading {
		top:132px;
	}

	.media-heading {
		font-size: 48px;
		height:100px;
		line-height: 100px;
		padding: 0;
		margin-left: 1rem;
	}

	.mp-page-template{
		min-height:calc(100vh - 390px);
	}


	body,
	#mp-artist-list,
	#mp-search-container {
		margin-top:100px;
		height:calc(100vh - 100px);
		overflow-y:scroll;
	}

	body.admin-bar #mp-artist-list,
	body.admin-bar #mp-search-container {
		margin-top:132px;
		height:calc(100vh - 132px);
	}

	.news-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	#mp-artist-list .close,
	#mp-search-container .close {
		font-size:1.5rem;
	}

	#mp-artists-filter-container,
	#mp-search-field-container {
		margin-bottom:2rem;
	}

	.mp-artist-letter{
		margin-bottom:1rem;
	}

	header#mp-header{
		height:100px;
	}

	header#mp-header .menu li a{
		font-size:14px;
	}

	header#mp-header .menu li a:hover {
		color:#6b00fe;
	}

	#header-logo {
		margin:29px auto;
	}


	footer#mp-footer {
		padding-top:40px;
		padding-bottom:100px;
	}

	.mp-head1{
		font-size:3.875rem;
		margin:70px auto 60px;
	}


	.mp-head2 {
		font-size:3.75rem;
		margin:0 auto 45px;
		letter-spacing: -2px;
	}

	.mp-news-list-footer{
		position:absolute;
	}

	.mp-news-list-item .mp-news-list-title a{
		padding:1rem 0 0;
	}

	.mp-news-list-item:hover {
		background-color:#6b00fe;
		border-color:#6b00fe;
	}

	.mp-news-list-item:hover .mp-news-list-title a{
		color:#fff;
	}

	.mp-news-list-item:hover .mp-news-list-footer{
		color:#000;
	}

	.mp-artist-content-block{
		margin-bottom:60px;
	}

	header.mp-artist{
		padding:90px 0 45px;
		display: flex;
		align-items: baseline;
	}

	header.mp-artist > .grid-x{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:calc(100% - 60px);
	}

	header.mp-artist h2{
		font-size:2.5rem;
		line-height:1.05em;
		margin-right: 2rem;
	}

	header.mp-artist .menu li a{
		font-size:1.125rem;
		padding:0;
		margin-right: 2rem;
	}

	header.mp-artist .menu li a:hover{
		color:#6b00fe;
	}

	#mp-artist-header{
		margin-bottom:60px;
		display: grid;
		grid-template-columns: 2fr 1fr;
		background-color: #000;
		min-height: 550px;
	}

	#mp-artist-header .links {
		padding: 2rem 1rem;
	}

	#mp-artist-header > .grid-x > .cell{
		min-height:550px;
	}

	.mp-social-menu{
		margin:30px 0;
	}

	.mp-press-image-link:hover{
		color:#fff !important;
		background-color:#6b00fe;
	}

	.mp-artist-spacer{
		height:30px;
	}

	.mp-view-more:hover,
	.mp-artist-view-more:hover{
		background-color:#6b00fe;
		color:#fff;
	}

	.mp-single-heading{
		margin:45px auto 60px;
	}

	.mp-single-article-date{
		margin-bottom:40px;
	}

	.mp-single-article{
		margin-bottom:5rem;
	}

	.mp-footer-companies li{
		margin:0 0 1rem 2rem;
	}

	a.mp-view-more,
	.mp-view-more{
		margin:0 0 3rem;
		width: auto;
	}

}