body.spp .top-player-bar .smart-track-player {
    background-color: #000;
}

/* ## Podcast Entries
--------------------------------------------- */
/* smart-track-player */
html body.spp .smart-track-player .spp-track, 
html body.spp .smart-track-player .spp-track .spp-loaded-container {
	background-color: #000 !important;
}
/* fixes width from expanding outside of article*/
html body.spp .smart-track-player .spp-track .spp-track-title {
     //white-space: normal; /* breaks scrolling title */
}
/*html body.spp .top-player-bar .smart-track-player .spp-track {
    width: 100% !important;
    max-width: none !important;
}
html body.spp .top-player-bar .smart-track-player .smart-track-player {
	display: flex;
}*/

/* swaps the 'artist' and 'title' styles */

.spp-stp-mobile .spp-player-layout .spp-artist-and-title .spp-show-title {
    font-size: 20px !important;
    margin: 4px;
    max-height: 1.3em;
    overflow: hidden;
}

html body.spp .smart-track-player .spp-track .spp-artist .spp-artist-box {
	opacity: 1;
	font-size: 14px;
}
html body.spp .smart-track-player .spp-track .spp-artist {
	opacity: 1;
	height: 1.2em;
}
html body.spp .spp-player-container .spp-track .spp-track-title .spp-track-title-box, 
html body.spp .smart-track-player .spp-track .spp-track-title .spp-track-title-box {
	font-size: 1px;
	opacity: 1;
}
html body.spp .smart-track-player .spp-track .spp-track-title {
	height: 1em;
}


.spp .post.entry {
	position: relative;
}
.top-player-bar {
	//height:79px;
	//margin-top:30px;
	position:relative;
	margin: -20px -20px 30px -20px;
}
.has-post-thumbnail .top-player-bar {
	//margin: 0 -40px 0 -40px;
}
@media screen and (min-width: 480px) {
	.top-player-bar {
		margin: -40px -40px 40px -40px;
	}
}

.top-player-bar + .entry {
	margin-top:0;
}

.top-player-bar .guest-image {
	position: absolute;
	top: 0;
	z-index: 9;
	left: 0;
	width: 100px;
	height: 100px;
}
@media only screen and (max-width: 480px) {
	.top-player-bar .guest-image {
		display: none;
	}
}

.guest-image {
	//display: none;
}

body.spp .top-player-bar .smart-track-player {
	margin:0;
	//height:80px;
	display:block;
}

@media only screen and (max-width: 480px) {
	html body.spp .top-player-bar .smart-track-player .spp-track  {
	  padding-left: 20px;
	}
}
@media only screen and (min-width: 481px) {
	html body.spp .top-player-bar .smart-track-player .spp-track {
		padding-left: 100px; /* if no guest-image is used, set to 0 */
	}
	body.spp .top-player-bar .smart-track-player {
		//padding-left: 100px;
	}
	.top-player-bar {
		padding-left: 100px;
	}
}

body.spp .top-player-bar .smart-track-player .spp-track {
	//height:80px;
}
/*@media only screen and (max-width: 768px) {
	body.spp .top-player-bar .smart-track-player, 
	body.spp .top-player-bar .smart-track-player .spp-track, 
	body.spp .top-player-bar {
	  height: auto;
	}
}*/




/* Fix for player width on window resize */
body.spp .spp-player-container .spp-track .spp-controls, body.spp .smart-track-player .spp-track .spp-controls {
	right: 12px !important;
}
html body.spp .top-player-bar .smart-track-player .spp-track {
    width: 100% !important;
    max-width: none !important;
}
html body.spp .smart-track-player .spp-track .spp-artist {
    margin-top: 22px;
}
@media screen and (min-width: 768px) {
	body.spp .smart-track-player .spp-track .spp-track-title {
	    width: 56% !important;
	}
	html body.spp .top-player-bar .smart-track-player .spp-track {
		position: absolute;
	}
}



/* ## With Featured Image
--------------------------------------------- */

/*.top-player-bar + .entry-header, .featured-image + .entry-header {
	padding-top: 30px;	
}
.top-player-bar + .entry-content,
.featured-image + .entry-content  {
	margin-top: 30px;
}
*/