/****** NEW PLAYER STYLES ******/
.smart-track-player {
	height: 70px !important;
	background: #000 !important;
}
	.smart-track-player .spp-show-logo {
	    height: 70px !important;
	    width: 70px !important;
	}
	.podcast-item .smart-track-player .spp-track-layer-0, .podcast-item .smart-track-player .spp-track-layer-1, .podcast-item .smart-track-player .spp-track-layer-2 {
		width: calc(100% - 70px) !important;
		height: 62px !important;
	}
	.smart-track-player .spp-track-layer-1 .spp-playback-controls {
	    background: transparent !important;
	    border: 4px solid #fff;
	    top: 40% !important;
	    right: 5%;
	    text-align: center;
	    height: 55px !important;
	    width: 55px !important;
	}
		.smart-track-player .spp-track-layer-1 .spp-playback-controls .spp-play-pause svg {
		    left: -11px;
		    fill: #fff !important;
		}
			.smart-track-player .spp-track-layer-1 .spp-playback-controls .spp-play-pause .spp-pause {
			    position: relative;
			    left: -14px !important;
			}
	.smart-track-player .spp-track-layer-2 {
		background: #000 !important;
		height: 62px !important;
	}
		.smart-track-player .spp-track-layer-2 .spp-artist-and-title {
			left: 30px !important;
			top: 40% !important;
		}
			.smart-track-player .spp-track-layer-2 .spp-artist-and-title .spp-track-title {
			    color: #fff;
			}


/**** PODCAST PAGE SYTLES ****/
#podcast-main-hero {
    background: #68686a;
    position: relative;
    text-align: center;
    padding: 80px 0 0;
}
	#podcast-main-hero img {
	    max-width: 50%;
	}
	#podcast-main-hero img#hero-cutout {
	    position: relative;
	    bottom: -9px;
	    z-index: 2;
	}
	#podcast-main-hero img#hero-title {
	    position: relative;
	    right: 0;
	    bottom: 50px;
	    z-index: 1;
	}
	
#podcast-latest {
    padding: 80px 0;
    background: #e9363f;
}
	#podcast-latest h2 {
	    color: #fff;
	    font-family: "Lato","Oswald",sans-serif;
	    font-weight: 600;
	    padding-bottom: 40px;
	}
	#podcast-latest-content {
	    display: flex;
	    max-height: 400px;
	    flex-direction: column;
	    justify-content: center;
	    flex-wrap: wrap;
	}
		#podcast-latest-image {
		    max-width: 265px;
		}
		#podcast-latest-right {
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    height: 260px;
		    padding-left: 5%;
		}
			#podcast-latest-right h3 {
			    font-family: "Lato",sans-serif;
			    color: #fff;
			    font-weight: 600;
			}
				#podcast-latest-right h3 strong {
				    color: #fff;
				    display: block;
				    font-size: 36px;
				    padding-bottom: 10px;
				    line-height: 1;
				}
			#podcast-latest-right .smart-track-player {
			    background: transparent !important;
			}
				#podcast-latest-right .smart-track-player .spp-track-layer-1 {
				    min-height: 87px;
				    height: 100%;
				}
					#podcast-latest-right .smart-track-player .spp-track-layer-1 .spp-playback-controls {
					    width: 70px !important;
					    height: 70px !important;
					    right: auto;
					}
					
					#podcast-latest-right .smart-track-player.spp-playing .spp-track-layer-1 .spp-playback-controls .spp-play-pause {
					    margin-left: 36px;
					}
	
#podcast-about {
    padding: 60px;
    background: #fff;
    color: #333;
}
	#podcast-about h2 {
	    color: #333;
	    font-family: "Lato","Oswald",sans-serif;
	    font-size: 28px;
	    font-weight: 600;
	}
	#podcast-about p {
	    max-width: 980px;
	}
	
#podcast-featured {
    background: #2d66b1;
    padding: 80px 0;
}
/*
	#podcast-featured .container {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    flex-wrap: wrap;
	    max-height: 450px;
	}
*/
		#podcast-featured .container:after {
		    content: "";
		    display: block;
		    clear: both;
		}
		#podcast-featured-left {
		    width: 67%;
		    margin-right: 2.5%;
		    float: left;
		}
			#podcast-featured ul {
			    display: flex;
			    flex-wrap: wrap;
			    padding: 0;
			}
				li.podcast-featured-item {
				    min-height: 220px;
				    min-width: 220px;
				    height: 31.5%;
				    width: 31.5%;
				    margin-right: 1.5%;
				    margin-bottom: 1.5%;
				    background-size: contain;
				    background-repeat: no-repeat;
				    background-position: center;
				    position: relative;
				}
				li.podcast-featured-item.hidden {
				    display: none;
				}
					li.podcast-featured-item:before {
					    content: "";
					    position: absolute;
					    top: 2px;
					    bottom: 2px;
					    left: 7px;
					    right: 7px;
					    background: rgba(0,0,0,.5);
					}
					
					li.podcast-featured-item .smart-track-player,
					li.podcast-featured-item .smart-track-player .spp-track-layer-1 {
					    background: transparent !important;
					    height: 220px !important;
					    width: 100% !important;
					    margin-bottom: 0 !important;
					    position: absolute;
					    top: 0;
					    bottom: 0;
					    left: 0;
					    right: 0;
					    opacity: 0;
					    z-index: -1;
					    transition: all .2s ease-out;
					}
					li.podcast-featured-item .smart-track-player .spp-track-layer-1 .spp-playback-controls {
					    position: absolute;
					    left: 50%;
					    top: 50% !important;
					    transform: translate(-50%,-50%);
					    margin-left: 0;
					}
						li.podcast-featured-item:hover .smart-track-player,
						li.podcast-featured-item:hover .smart-track-player .spp-track-layer-1, 
						li.podcast-featured-item .smart-track-player.spp-playing,
						li.podcast-featured-item .smart-track-player.spp-playing .spp-track-layer-1 { 
							opacity: 1;
							z-index: 10;
						}
						li.podcast-featured-item .smart-track-player .spp-track-layer-1 .spp-playback-controls .spp-play-pause {
						    width: 11px;
						    margin-left: 27px;
						}
						li.podcast-featured-item .smart-track-player.spp-playing .spp-track-layer-1 .spp-playback-controls .spp-play-pause {
						    margin-left: 30px;
						}
					li.podcast-featured-item .spp-show-logo, 
					li.podcast-featured-item .spp-track-layer-0,
					li.podcast-featured-item .spp-playback-controls-2,
					li.podcast-featured-item .spp-track-layer-2,
					#podcast-latest-right .spp-show-logo, 
					#podcast-latest-right .spp-track-layer-0,
					#podcast-latest-right .spp-playback-controls-2,
					#podcast-latest-right .spp-track-layer-2 {
					    display: none !important;
					}
					li.podcast-featured-item a {
					    position: absolute;
					    display: flex;
					    justify-content: center;
					    flex-direction: column;
					    height: 100%;
					    padding: 10%;
					    color: #fff;
					    text-transform: uppercase;
					    font-weight: 700;
					    line-height: 1.2;
					    font-size: 20px;
					    text-align: center;
					    opacity: 1;
					    z-index: 1;
					    transition: all .2s ease-out;
					}
						li.podcast-featured-item:hover a, 
						li.podcast-featured-item .smart-track-player.spp-playing + a {
							opacity: 0;
							z-index: -1;
						}
			#podcast-featured .btn {
			    background: #fff;
			    color: #2d66b1;
			    float: right;
			    margin-right: 3%;
			    margin-top: 20px;
			}
				#podcast-featured .btn.hidden {
					display: none;
				}
						
		#podcast-cats-right {
		    width: 30%;
		    float: right;
		}
			#podcast-cats-right h2 {
			    font-family: "Lato","Oswald",sans-serif;
			    font-size: 25px;
			    color: #fff;
			    font-weight: 600;
			}

/*
#podcast-testimonials {
	padding: 80px 0;
	background: url(/wp-content/uploads/arlington-gyms-podcast-testimonials.jpg) no-repeat center/cover;
}
	#podcast-testimonials .container {
		display: flex;
	}
		.podcast-testimonial {
			position: relative;
			padding: 20px 40px;
			max-width: 32%;
			color: #fff;
		}
			.podcast-testimonial:before {
			    content: "";
			    position: absolute;
			    width: 55px;
			    height: 22px;
			    background: url(/wp-content/uploads/arlington-gyms-icon-testimonial-quotes.png) no-repeat center/contain;
			    top: -15px;
			}
			.podcast-testimonial strong {
			    color: #cdfc07;
			    display: block;
			    margin-top: 40px;
			    font-size: 18px;
			}
*/
			
@media screen and (max-width: 630px) {
	#podcast-main-hero {
	    padding: 20px 0;
	    display: flex;
	    flex-direction: column;
	}
		#podcast-main-hero img {
		    max-width: 80%;
		}
		#podcast-main-hero img#hero-cutout {
		    position: absolute;
		    bottom: 0;
		    order: 2;
		}
		#podcast-main-hero img#hero-title {
		    right: auto;
		    bottom: auto;
		    padding-bottom: 300px;
		    margin: 0 auto;
		}
		
	#podcast-latest-content, #podcast-featured .container {
	    max-height: 100%;
	}
		#podcast-latest-right {
		    height: 100%;
		    margin-top: 40px;
		}
	
	#podcast-about {
	    padding: 40px 0;
	}
	
	#podcast-featured .container {
	    max-height: 100%;
	    display: block;
	}
		#podcast-featured-left {
		    width: 100%;
		}
			li.podcast-featured-item {
			    width: 100%;
			    height: 100%;
			    min-width: auto;
			    min-height: 280px;
			    margin: 5% auto;
			}
			#podcast-featured .btn {
			    display: block;
			    float: none;
			    text-align: center;
			    margin: 20px auto 40px;
			}
		#podcast-cats-right {
		    width: 100%;
		    float: none;
		}

	#podcast-testimonials .container {
	    flex-direction: column;
	}	
		.podcast-testimonial {
		    max-width: 100%;
		    margin-bottom: 40px;
		}

		
}