/*
Theme Name:     Podcaster Child Theme
Description:    Child theme for the Podcaster theme
Author:         Theme Station Team
Template:       podcaster
*/

@import url("../podcaster/style.css");

/* This is your child theme css file. Do not edit anything above this line. Write all your custom css declarations below this line.
 * You might have to use "!important" to override some settings. To find out more about WordPress child themes please visit
 * http://codex.wordpress.org/Child_Themes */

 /*
You can add your own CSS here.

Click the help icon above to learn more.
*/

a:link {
	opacity: 1.0;
}

a:hover {
	opacity: 0.9;
}

.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-button.mejs-play button:before,
.podcaster-theme .mejs-container .mejs-controls .pod-mejs-controls-inner .mejs-button.mejs-pause button:before{
	font-size: 24px !important;
}

.latest-episode .main-featured-post .mini-title,
.front-page-header .text .mini-title, .single .single-featured h2 {
	color: #0099ff !important;
}

.list-of-episodes article.list .post-header ul li {
	padding-right: 10px;
}

.above {
	min-height: 115px;
}

.logo a {
	opacity: 1.0 !important;
}

#nav .thst-menu li a,
.above.small_nav #nav .thst-menu li a{
    padding: 0 7px;
    font-size: 14px;
}

#nav .sub-menu li a:link {
color: white !important;
}

.above.small_nav .logo.with-img img.sticky {
/*	max-height: 100px; */
}

.above .logo.with-img img {
	max-height: 100% ;
}

.above.nav-sticky {
	min-height: 90px;
}

.above.small_nav .logo.with-img img.sticky {
    padding-top: 5px;
		max-height: 80px;
}

.above, .above.nav-sticky {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom: solid 1px #ccc;
}

.page-template-pagepage-podcastarchive-php .entries.list .podpost .post-header,
.post-type-archive-podcast .entries.list .podpost .post-header {
    position: relative;
    width: 40%;
}

/*Home page stuff */

.home.page-id-3965 .list-of-episodes {
    background-color: #fff !important;
}

.list-of-episodes.front-has-sidebar article.list .inside {
    padding: 0 28px 24px;
}

.list-of-episodes.front-has-sidebar article.list .post-header ul {
    display: none;
}

.list-of-episodes article.list {
    border-bottom: dotted 1px #ccc;
		padding-bottom: 10px;
}

.list-of-episodes article.list .featured-image img {
    width: 100%;
    height: auto;
}

.list-of-episodes.front-has-sidebar article.list .inside {
	padding: 0 !important;
}

.latest-episode .main-featured-post .powerpress_links.powerpress_links_mp3 {
	display:block;
}


/* Sidebar stuff */

.sidebar .widget {
	background: #fafafa;
	margin-bottom: 20px;
}

.single .sidebar .widget,
.page .page .sidebar .widget {
	padding: 20px;
}

.sidebar h3 {
	 border-bottom: dotted 1px #ccc;
	 padding-bottom: 10px;
}

.widget.widget_text .textwidget {
   padding: 0px !important;
  	font-size: 16px;
    line-height: 24px;
}

@media screen and (max-width: 1570px) {
.sidebar h3, .archive .sidebar h3 {
    font-size: 22px !important;
}


@media screen and (max-width: 1199px) {
	.list-of-episodes article.list {
		display: inline-block;
		align-items: center;
	}
	.list-of-episodes article.list .featured-image 	{
	    float:left;
	    margin: 0 30px 0 0;
	    width: 50%;
	}
	.list-of-episodes article.list .featured-image img {
		width:100%;
	    height:auto;
	}
}
@media screen and (max-width: 991px) {
	.list-of-episodes article.list .featured-image {
		border-radius:0;
		width:30%;
	}
	.list-of-episodes article.list .inside {
		/* width:calc(100% - 33%); */
	}
}
@media screen and (max-width: 860px) {
	.list-of-episodes article.list .featured-image {
	 width:30%;
	}
	.list-of-episodes article.list .inside {
		/* width:calc(100% - 45%); */
	}
}
@media screen and (max-width: 768px) {
	.list-of-episodes article.list .featured-image {
		width:30%;
	}
	.list-of-episodes article.list .inside {
	/*	width:calc(100% - 50%); */
	}
}
@media screen and (max-width: 640px) {
	.list-of-episodes article.list {
		flex-direction: column;
	}
	.list-of-episodes article.list .featured-image {
	    float: auto;
	    margin: 0 0 30px 0;
	    width: 100%;
	}
	.list-of-episodes article.list .featured-image img {
		width:100%;
	    height:auto;
	}
	.list-of-episodes article.list .inside {
		width:100%;
	}

}

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

	.single .album-art {
			float: left;
			margin-right: 5%;
			width: 21%;
	}

	.single .player_container.with_thumbnail {
			width: 74%;
			float: right;
	}

}

.single .single-featured,
.single .single-featured.has-featured-image.audio-featured-image-thumbnail .background.translucent,
.single.podcaster-theme .single-featured .wp-audio-shortcode.mejs-container,
.single.podcaster-theme .single-featured .wp-audio-shortcode.mejs-container .mejs-controls
 {
	background-color: #333 !important;
}

.home .list-of-episodes {
}

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

.page-template-pagepage-podcastarchive-php .entries.list .podpost .post-header img,
.post-type-archive-podcast .entries.list .podpost .post-header img {
   display: block !important;
	}

}

@media screen and (min-width: 640px) and (max-width: 1570px) {

	.single .album-art {
	    float: left;
	    margin-right: 5%;
	    width: 30% !important;
			padding-top: 40px;
	}

	.player_container.with_thumbnail {
    width: 65% !important;
    float: right;
}

}

	#nav.drop .thst-menu li.menu-item-has-children > .sub-menu li a:link,
	#nav.drop .thst-menu li.menu-item-has-children > .sub-menu li a:visited {
		background-color: #000 !important;
	}