/* Podcast Playr Serial Skin CSS */

.podcast-playr .bd .the-rows {
    border-right: medium none;
    display: inline-block;
    max-width: 17.5em;
    padding-bottom: 0;
    position: relative;
    vertical-align: bottom;
    width: 100%;
}
.podcast-playr.ppt .bd .the-rows {
    max-width: 12.5em;
}

.podcast-playr .bd {
    border-bottom: medium none;
    display: block;
}

.podcast-playr .ppr-inline-element,
.podcast-playr .ppr-button-element .ppr-button-bd {
 /**
  * if you play with UI width/height, these are the important ones.
  * NOTE: match these values if you want square UI buttons.
  */
	width: 2.5em;
	height: 2.5em;
}

.ppr-inline-time,
.ppr-inline-duration {
    color: #fff;
    display: block;
    font-size: 75%;
    line-height: 0.9em;
    min-width: 2em;
    position: absolute;
    top: 0.75em;
    vertical-align: middle;
    width: auto;
    z-index: 1;
}
.ppr-inline-time {
    left: 6px;
}
.ppr-inline-duration {
    right: 6px;
}

.podcast-playr .ppr-playlist {
    display: inline-block;
    height: 1.6em;
    max-width: calc(100% - 17.5em);
    padding: 0 10px;
    vertical-align: middle;
    width: 100%;
}
.podcast-playr.ppt .ppr-playlist {
    max-width: calc(100% - 12.5em);
}

.ppr-row {
    display: block;
    position: relative;
}

.ppr-progress-bd {
    padding: 0;
}

.ppr-progress .ppr-progress-track,
.ppr-progress .ppr-progress-ball,
.ppr-progress .ppr-progress-bar {
    border-radius: 0;
    height: 1.75em;
    position: relative;
    width: 100%;
}

.ppr-progress .ppr-progress-bar {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 0px;
 background-color: #9aa9ab;
 background-image: none;
}

.ppr-progress .ppr-progress-ball {
    display: none;
}

.ppr-progress .ppr-progress-track {
    background-color: #292929;
    background-image: none, none;
}

/* --- full width stuff --- */
.podcast-playr .ppr-inline-element {
    border-right: medium none !important;
    display: inline-block;
}

.podcast-playr .ppr-inline-element.the-thumb {
    float: left;
}
.podcast-playr .ppr-playr-block {
    float: left;
}
.podcast-playr .ppr-inline-status {
    border: medium none !important;
    display: block;
    height: 1.6em;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

.podcast-playr .ppr-inline-status .ppr-progress {
    height: 1.75em;
    padding: 0;
    width: 100%;
}

/* Icon stuff */
[class^="ppr-icon-"]::before,
[class*=" ppr-icon-"]::before {
    line-height: 1.25em !important;
}

/* Media Queries */

@media only screen and (max-width: 1280px) {
	
	/*.podcast-playr .bd .the-rows {
		max-width: 75%;
	}
	.podcast-playr .ppr-playlist {
		max-width: 25%;
	}*/

}

@media only screen and (max-width: 640px) {
	
	
	.podcast-playr .bd .the-rows {
		max-width: 100%;
	}
	.podcast-playr .ppr-playlist {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	
	.podcast-playr .ppr-playr-block {
		width: 100% !important;
	}
	.bd.ppr-share .copy-links {
		display: none;
	}
}

@media only screen and (max-width: 360px) {
	
}