/***** AUDIO PODCASTS *****/
html,body {
	margin:0;
	padding:0;
}
body{font-family: "proximanova-regular", Arial, serif;}
audio {display:none;}
figure {margin:0;}
.audio-wrapper {
	background-color: #f1f1f1; /* Old browsers */
	
	background-color: -moz-linear-gradient(top,  #f1f1f1 0%, #e1e1e1 100%); /* FF3.6-15 */
	
	background-color: -webkit-linear-gradient(top,  #f1f1f1 0%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
	
	background-color: linear-gradient(to bottom,  #f1f1f1 0%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	
	box-sizing:border-box;
	
	padding:10px;
	
	margin-bottom:30px;
	
	border-radius: 5px;
	
	background:url('images/podcast-bkg.jpg');
	
	background-repeat:no-repeat;
	max-width:630px;
}
.container {
	max-width:630px;
}
.progress-bar {
	width:100%;
	background:#e9f4f7;
	position:relative;
	clear:both;
	margin-top:10px;
}
.progress-bar,
.total-progress {
	height:70px;
	cursor:pointer;
}
.total-progress {
	background: #20a4d2;
	background: -moz-linear-gradient(top,  #20a4d2 0%, #54bae6 100%);
	background: -webkit-linear-gradient(top,  #20a4d2 0%,#54bae6 100%);
	background: linear-gradient(to bottom,  #20a4d2 0%,#54bae6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a4d2', endColorstr='#54bae6',GradientType=0 );
	width:2px;
}
.play-audio-btn,
.pause-audio-btn {
	width: 110px;
    box-sizing: border-box;
    padding: 20px;
	height:110px;
	cursor:pointer;
	display:table-cell;
	margin-left:10px;
	vertical-align:middle;
}
.play-audio-btn img,
.pause-audio-btn img {
	width:100%;
}

.play-audio-btn > div,
.pause-audio-btn > div {
	
}

.pause-audio-btn {
	display:none;
}
.pause-btn .pause-audio-btn {
	display:table-cell;
	vertical-align:middle;
}
.pause-btn .play-audio-btn {
	display:none;
}
.podcast-image,
.podcast-image svg {
	width:40px;
	display:inline-block;
}
.podcast-image {
	margin-left:15px;
}
.field-name-field-podcasts {
	position:relative;
	margin:0 auto;
}
.field-name-field-podcast-title {
	width:calc(40% - 236px);
	display:table-cell;
	box-sizing:border-box;
	clear:right;
	font-family: "proximanova-extrabold",Arial,serif;
	vertical-align:middle;
	text-align:left;
	font-size:20px;
}
.now-playing-audio {
	font-family: "proximanova-regular", Arial, serif;
	font-size:15px;
}
.field-name-field-podcast-file- {
	width:100%;
	clear:both;
	font-size:0;
	display:none;
}
.field-name-field-podcast-graphic {
	display:table-cell;
	vertical-align:middle;
	width:146px;
}
.field-name-field-podcast-graphic img {
	width:auto;
	height:110px;
}
.field-name-field-rss-feed-field,
.field-name-field-itunes-link {
	margin-bottom:15px;
	margin-top:30px;
	float:right;
}
.field-name-field-itunes-link {
	margin-right:15px;
}
.field-name-field-rss-feed-field img,
.field-name-field-itunes-link img {
	height:25px;
	margin-left:10px;
}
.field-name-field-rss-feed-field {
	
}
.field-name-field-itunes-link {
	
}
.field-name-field-itunes-link img {width:73px;}
.field-name-field-rss-feed-field img {width:25px;}
.field-name-field-rss-feed-field a {padding-right:0;}
.field-name-field-itunes-link a {
	clear:left;
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
	font-size:0;
}
.field-name-field-rss-feed-field a {
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
	font-size:0;
}
.field-name-field-itunes-link a span,
.field-name-field-rss-feed-field a span {
	display:inline-block;
	vertical-align:middle;
}
.field-name-field-itunes-link a span:first-child,
.field-name-field-rss-feed-field a span:first-child {
	margin-top:-5px;
}
.time-clock {
	position:absolute;
	bottom:0;
	left:0;
	padding:3px;
	font-size:15px;
	line-height:17px;
	box-sizing:border-box;
	color:#136e8d;
}
.end-time-clock {
	position:absolute;
	bottom:0;
	right:0;
	padding:3px;
	font-size:15px;
	line-height:17px;
	box-sizing:border-box;
	color:#136e8d;
}
.field-name-field-podcasts .entity > .content {
	
	display:table;
	
	width:100%;
}
@media screen and (max-width:630px) {
	.field-name-field-podcast-graphic {
		display: none;
	}
	.pause-audio-btn{
		display:none;
		margin-left:auto;
		margin-right:auto;
		padding:0 6px 8px;
		height:100px;
	}
	.play-audio-btn {
		display:block;
		margin-left:auto;
		margin-right:auto;
		height:100px;
		padding:0 6px 8px;
	}
	.pause-btn .pause-audio-btn {
		display:block;
	}
}