/* */
.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
	outline: none;
}

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
	/* Disable the browser CSS3 focus highlighting. */
	border: 0;
}

.jp-audio,
.jp-audio-stream,
.jp-video {
	font-size: 16px;
	font-family: Roboto, Verdana, Arial, sans-serif;
	line-height: 1.6;
	color: #fff;
	border: 0px solid #009be3;
	background-color: #222;
}

.jp-audio {
	width: 100%;
}

.jp-interface {
	position: relative;
	background-color: #222;
	width: 100%;
}

.jp-audio .jp-interface {
	min-height: 100px;
	padding-bottom:10px;
}



/* @group CONTROLS */
.jp-controls-holder {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
	top: 0px;
	text-align:center;
}

.jp-interface .jp-controls {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.jp-audio .jp-controls {
	width: 220px;
	padding: 14px 20px 0 20px;
	display:inline-block;
	text-align:center;
	margin:0 auto;
}

@media (min-width:992px) {
	.jp-audio .jp-controls {
		width: 320px;
	}
	/*
	.jp-minus, .jp-plus {
		display:inline-block;
	}
	*/
	.jp-next, .jp-previous {
		display:inline-block;
	}
}

@media (max-width:991.98px) {
	/*
	.jp-minus, .jp-plus {
		display:none !important;
	}
	*/
	.jp-next, .jp-previous {
		display:none !important;
	}
}

.jp-type-playlist button {
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}
.jp-controls button {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

.jp-play,
.jp-stop,
.jp-next,
.jp-mute,
.jp-plus,
.jp-minus,
.jp-toggle-playlist,
.jp-previous {
	width: 45px;
	height: 45px;
	margin-left:5px;
	margin-right:5px;
	opacity:0.86;
}

.jp-play {
	background: url("/img/podcast/pab/play.png") center center no-repeat;
	background-size: contain;
}

.jp-play:focus,
.jp-stop:focus,
.jp-next:focus,
.jp-previous:focus,
.jp-mute:focus,
.jp-play:hover,
.jp-stop:hover,
.jp-next:hover,
.jp-previous:hover,
.jp-mute:hover,
.jp-plus:hover,
.jp-minus:hover,
.jp-toggle-playlist:hover {
	opacity:1;
}

.jp-state-playing .jp-play {
	background-image: url("/img/podcast/pab/pause.png");
}

.jp-stop {
	background: url("/img/podcast/stop.png") center center no-repeat;
	background-size: contain;
}

.jp-previous {
	background: url("/img/podcast/pab/prev.png") center center no-repeat;
	background-size: contain;
	display:none;
}

.jp-minus {
	background: url("/img/podcast/pab/minus15.png") center center no-repeat;
	background-size: contain;
}

.jp-plus {
	background: url("/img/podcast/pab/plus30.png") center center no-repeat;
	background-size: contain;
}

.jp-next {
	background: url("/img/podcast/pab/next.png") center center no-repeat;
	background-size: contain;
	display:none;
}

.jp-mute {
	background: url("/img/podcast/pab/muted.png") center center no-repeat;
	background-size: contain;
	float:left !important;
	color:#333;
	margin-top:14px;
	margin-left:12px;
	border-radius:25px;
}

.jp-state-muted .jp-mute {
	background-image: url("/img/podcast/pab/mute.png");
	/* background-color: rgba(255,255,255,0.66) !important; */
	background-size: contain;
}

.jp-toggle-playlist {
	background: url("/img/podcast/pab/list.png") center center no-repeat;
	background-size: contain;
	float:right;
	color:#333;
	margin-top:14px;
	margin-right:12px;
	border-radius:25px;
}

.jp-playlist-length {

}




/* @end */
/* @group progress bar */
.jp-progress {
	overflow: hidden;
	background-color: #ddd;
}

.jp-audio .jp-progress {
	position: relative;
	z-index:0;
	width: 100%;
	height: 6px;
}

.jp-audio .jp-type-single .jp-progress {
	left: 110px;
	width: 186px;
}

.jp-audio .jp-type-playlist .jp-progress {
	left: 0px;
	width: 100%;
}

.jp-seek-bar {
	background: url("../image/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width: 0px;
	height: 100%;
	cursor: pointer;
}

.jp-play-bar {
	/* background: url("../image/jplayer.blue.monday.jpg") 0 -218px repeat-x; */
	background: #fc0;
	width: 0px;
	height: 100%;
}

/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
  background: url("../image/jplayer.blue.monday.seeking.gif"); }

/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
  display: none; }

.jp-volume-controls {
  position: absolute;
  top: 32px;
  left: 308px;
  width: 200px; }

.jp-audio-stream .jp-volume-controls {
  left: 70px; }

.jp-video .jp-volume-controls {
  top: 12px;
  left: 50px; }

.jp-volume-controls button {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

.jp-volume-max {
	width: 18px;
	height: 15px;
}

.jp-volume-max {
	left: 74px;
}

.jp-volume-max {
	background: url("../image/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}

.jp-volume-max:focus {
	background: url("../image/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

.jp-volume-bar {
	position: absolute;
	overflow: hidden;
	background: url("../image/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	top: 5px;
	left: 22px;
	width: 46px;
	height: 5px;
	cursor: pointer;
}

.jp-volume-bar-value {
  background: url("../image/jplayer.blue.monday.jpg") 0 -256px repeat-x;
  width: 0px;
  height: 5px; }

/* @end */
/* @group current time and duration */

.jp-audio .jp-time-holder {
	position: absolute;
	top: 20px; 
	right:15px;
	border:0px dotted green;
}

.jp-current-time,
.jp-duration {
	/* width: 60px; */
}

.jp-current-time {
	display: inline;
	text-align:right;
	cursor: default;
}

.jp-duration {
	display: inline;
	text-align:right;
	cursor: pointer;
}
.jp-duration::before {
	content: '/ ';
}


/* @end */
/* @group playlist */

.jp-details {
	font-weight: bold;
	text-align: left;
	cursor: default;
	height: 65px;
	margin-bottom:10px;
	overflow:hidden;
	width: calc(100% - 102px);
	padding-top:9px;
}

.jp-playlist {
	width: 100%;
	min-height:680px;
	background-color: #fff;
}

.jp-details .jp-artist {
  margin: 0;
  padding: 0px 20px 5px 12px;
  font-size: 0.9em;
  font-weight: 400;
}
.jp-details .jp-title {
  margin: 0;
  padding: 5px 20px 0px 12px;
  font-size: 1em;
  font-weight: bold;
}

.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0px;
}

.jp-playlist li {
	padding: 10px 0 10px 35px;
	border-bottom: 2px solid #f0f0f0;
}

.jp-playlist li div {
	display: inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-playlist li:last-child {
	/* padding: 5px 0 5px 20px; */
	border-bottom: none;
}

div.jp-playlist li.jp-playlist-current {
	list-style-type: none;
	list-style-position: inside;
	background:url("/img/podcast/bluesquare.gif") 15px center no-repeat;
}

div.jp-playlist a {
	color: #333;
	text-decoration: none;
	font-weight:700;
}

div.jp-playlist a:hover {
	color: #0d88c1;
}

div.jp-playlist a.jp-playlist-current {
	color: #0d88c1;
}

div.jp-playlist a.jp-playlist-item-remove {
	float: right;
	display: inline;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	color: #666;
}

div.jp-playlist a.jp-playlist-item-remove:hover {
	color: #0d88c1;
}

div.jp-playlist span.jp-free-media {
	float: right;
	display: inline;
	text-align: right;
	margin-right: 10px;
}

div.jp-playlist span.jp-free-media a {
	color: #666;
}

div.jp-playlist span.jp-free-media a:hover {
	color: #0d88c1;
}

span.jp-artist {
	font-weight:400 !important;
}
span.jp-artist::after {
	content:' | ';
	opacity:0.6;
	padding-left:5px;
	padding-right:5px;
}

@media screen and (max-width:991.98px) {
	span.jp-artist {
		display:block;
	}
	span.jp-artist::after {
		content:'';
		padding:0;
		display:none;
	}	
} 


/* @end */
.jp-video-play {
  width: 100%;
  overflow: hidden;
  /* Important for nested negative margins to work in modern browsers */
  cursor: pointer;
  background-color: transparent;
  /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }

.jp-video-270p .jp-video-play {
  margin-top: -270px;
  height: 270px; }

.jp-video-360p .jp-video-play {
  margin-top: -360px;
  height: 360px; }

.jp-video-full .jp-video-play {
  height: 100%; }

.jp-video-play-icon {
	position: relative;
	display: block;
	width: 112px;
	height: 100px;
	margin-left: -56px;
	margin-top: -50px;
	left: 50%;
	top: 50%;
	background: url("../image/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

.jp-video-play-icon:focus {
	background: url("../image/jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}

.jp-jplayer audio,
.jp-jplayer {
	width: 0px;
	height: 0px;
}

.jp-jplayer {
	background-color: #000000;
}

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles {
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.jp-audio .jp-type-single .jp-toggles {
	width: 25px;
}

.jp-audio .jp-type-playlist .jp-toggles {
	width: 55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

.jp-video .jp-toggles {
	position: absolute;
	right: 16px;
	margin: 0;
	margin-top: 10px;
	width: 100px; 
}

.jp-toggles button {
  display: block;
  float: left;
  width: 25px;
  height: 18px;
  text-indent: -9999px;
  line-height: 100%;
  /* need this for IE6 */
  border: none;
  cursor: pointer; }

.jp-full-screen {
background: url("../image/jplayer.blue.monday.jpg") 0 -310px no-repeat;
margin-left: 20px; }

.jp-full-screen:focus {
background: url("../image/jplayer.blue.monday.jpg") -30px -310px no-repeat; }

.jp-state-full-screen .jp-full-screen {
background: url("../image/jplayer.blue.monday.jpg") -60px -310px no-repeat; }

.jp-state-full-screen .jp-full-screen:focus {
background: url("../image/jplayer.blue.monday.jpg") -90px -310px no-repeat; }

.jp-repeat {
background: url("../image/jplayer.blue.monday.jpg") 0 -290px no-repeat; }

.jp-repeat:focus {
background: url("../image/jplayer.blue.monday.jpg") -30px -290px no-repeat; }

.jp-state-looped .jp-repeat {
background: url("../image/jplayer.blue.monday.jpg") -60px -290px no-repeat; }

.jp-state-looped .jp-repeat:focus {
background: url("../image/jplayer.blue.monday.jpg") -90px -290px no-repeat; }

.jp-shuffle {
background: url("../image/jplayer.blue.monday.jpg") 0 -270px no-repeat;
margin-left: 5px; }

.jp-shuffle:focus {
background: url("../image/jplayer.blue.monday.jpg") -30px -270px no-repeat; }

.jp-state-shuffled .jp-shuffle {
background: url("../image/jplayer.blue.monday.jpg") -60px -270px no-repeat; }

.jp-state-shuffled .jp-shuffle:focus {
background: url("../image/jplayer.blue.monday.jpg") -90px -270px no-repeat; }


/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none; }

.jp-no-solution a {
  color: #000; }

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold; }

/* @end */


#podcast-list {
	margin-left:-10px;
}
.group {
	width:170px;
	height:247px;
	background:#fff;
	cursor:pointer;	
	transition:0.3s;
	display:inline-block;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
	overflow:hidden;
}
.group .group-image {
	width:170px;
	height:170px;
	background:#dddde2 url("/img/p.gif") center center no-repeat;
	background-size:cover;
}
.group .group-title {
	position:absolute;
	text-align:center;
	top:170px;
	width:100%;
	height:66px;
	font-size:0.96rem;
	line-height:1.1rem;
	font-weight:700;
	padding:13px 12px 0px 12px;
	color:#555;
	overflow:hidden;
	text-overflow: ellipsis;
}
.group:hover {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	transition:0.11s;
}

@media (max-width:399.98px) {
	.group {
		width:160px;
		height:237px;
	}
	.group .group-image {
		width:160px;
		height:160px;
	}
	.group .group-title {
		top:160px;
	}
}

@media (max-width:379.98px) {
	.group {
		width:146px;
		height:223px;
	}
	.group .group-image {
		width:146px;
		height:146px;
	}
	.group .group-title {
		top:146px;
	}
	.jp-duration {
		display:none !important;
	}
	.jp-details {
		width: calc(100% - 60px);
	}
}

@media (max-width:319.98px) {
	.jp-time-holder {
		display:none !important;
	}
	.jp-details {
		width: 100%;
	}
}

.episode {
	padding:10px 15px 10px 44px;	
	margin-left:10px;
	background:#fff url('/img/podcast/play-black.png') 11px 18px no-repeat;
	background-size:22px 22px;
	border-bottom:2px solid #f4f4f4;
	cursor:pointer;	
	transition:background-color 0.3s;
	clear:both;
}
.episode .episode-details {
	opacity:0.6;
	font-size:0.8em;
}
.episode .episode-description {
	font-size:0.8em;
	padding-top:6px;
	padding-bottom:2px;
	margin-right:20px;
	display:none;
}

.episode:hover {
	background-color:#fc0;
	background-size:22px 22px;
	transition:background-color 0.3s;
}

.description-icon {
	margin-left:5px;
	padding:2px 9px;
	background:#eee;
	font-weight:700;
	font-size:0.8rem;
	border-radius:16px;
	display:inline-block;
}

span.episode-add {
	transition:0.3s;
	float:right;
	display:inline-block;
	visibility:hidden;
	padding:8px;
	margin-top:1px;
	line-height:0;
	height:100%;
	/* background:rgba(255,255,255,0.2); */
	z-index:5;
	font-size:0.9rem;
	transition:visibility 0s;
}

@media screen and (max-width:800px) {
	span.episode-add {
		display:inline-block !important;	
		visibility:visible !important;
		font-size:0.9rem;
	}
	span.episode-add span {
		display:none !important;	
	}
	.episode span.episode-add img {
		top:-5px !important;
		padding:11px !important;
	}
}

.episode:hover span.episode-add {
	display:inline-block;
	visibility:visible;
	transition:visibility 0s;
}
.episode:hover span.episode-add::before {
}
.episode:hover span.episode-add:hover img, span.episode-add:hover img, span.episode-add img:hover {
	background-color:#fff !important;
}
.episode span.episode-add img {
	position:relative;
	margin-left:1px;
	top:-1px;
	border-radius:30px;
	/* background-color:rgba(255,192,0,0.6); */
	padding:7px;
	transition:0s;
}

.show-all-episodes {
	display:block;
	text-align:center;
	border:1px solid #ddd;
	padding:8px 13px 8px 48px;
	color:#337ab7;
	background:#fff url("/img/podcast/down_arrow.png") 10px center no-repeat;
	background-size:29px 29px;
	text-transform:lowercase;
	cursor:pointer;
	margin:10px auto 0 auto;
	clear:both;
	width:181px;
}
.show-all-episodes:hover {
	color:#23527c;
}

.jp-playlist-controls {
	padding-right:10px;
}

.clear-playlist {
	text-transform:lowercase !important;
	padding-left:10px;
	font-size:1rem;
	font-weight:400;
}

#section-title {
	cursor:pointer;
}

.section-title {
	padding-left:10px;
}

.podcast-description {
	padding-top:6px;
	padding-bottom:22px;
}
.podcast-copyright {
	padding-top:10px;
	font-size:0.8rem;
}
.podcast-image {
	float:left;
	margin:10px 20px 20px 10px;
	width:200px;
	height:200px;
	border:0px solid #fff;
	background:#ccc url("/img/p.gif") center center no-repeat;
	background-size:contain;
}

.viewport-xs .podcast-image {
	width:95vw;
	height:95vw;
	float:none;
}
.viewport-ms .podcast-image {
	width:170px;
	height:170px;	
}
.podcast-subscribe-block {
	/* clear:both; */
	padding-top:30px;
	transition:0.4s;
}
.podcast-subscribe {
	display:inline-block;
	padding:8px 20px;
	color:#fff;
	background-color:#335786;
	border-radius:1px;
	margin-right:20px;
	cursor:pointer;
}
.podcast-subscribe::after {
	content:' »';
}
.podcast-subscribe:hover {
	transition:0.14s;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.podcast-subscribe-block.clicked .podcast-subscribe::after {
	/* content:''; */
}
.podcast-subscribe-block.clicked .podcast-subscribe {
	cursor:default;
	display:none;
}
.podcast-subscribe-block .subscribe-link {
	display:inline-block;
	border:1px solid #ddd;
	padding:8px 13px 8px 46px;
	margin:0px 10px 10px 0px;
	background:#fff url("/img/podcast/sub-none.png") 8px center no-repeat;
	background-size:32px 32px;
}
.podcast-subscribe-block .subscribe-link.subscribe-link-spotify {
	background-image:url("/img/podcast/sub-spotify.png");
}
.podcast-subscribe-block .subscribe-link.subscribe-link-rss {
	background-image:url("/img/podcast/sub-rss.png");
}
.podcast-subscribe-block .subscribe-link.subscribe-link-apple {
	background-image:url("/img/podcast/sub-apple.png");
}
.podcast-subscribe-block .subscribe-link.subscribe-link-google {
	background-image:url("/img/podcast/sub-google.png");
}
.podcast-subscribe-block .subscribe-link.subscribe-link-stream {
	border-color:#aaa;
	color:#444;
}
.podcast-subscribe-block .subscribe-link.subscribe-link-stream-add {
	background-image:url("/img/podcast/stream-add.png");
}
.podcast-subscribe-block .subscribe-link.subscribe-link-stream-remove {
	background-image:url("/img/podcast/stream-remove.png");
}
.podcast-subscribe-block.clicked .subscribe-link {
	display:inline-block;
}

#player-strip {
	background:#222;
	position:fixed;
	width:100%;
	height:155px;
	bottom:0px;
	left:0px;
	z-index:100;
	overflow:hidden;
	/* box-shadow: 0px 0px 40px 1px rgba(255,255,255,0.4); */
}
#player-strip .container {
	padding-left:30px;
	padding-right:30px;
}

body.page-podcast {
	padding-bottom:154px;
}

body.page-podcast.player-hidden {
	padding-bottom:0px !important;
}
body.page-podcast.player-hidden #player-strip {
	height:0 !important;
}

/*
body.page-podcast.viewport-xs #menu-aplikacje {
	display:none;
}

body.page-podcast.viewport-xs #header .menu a {
	padding-left:12px;
}
*/

body.page-podcast.viewport-xs .jp-controls-holder {
	text-align:left;
}
body.page-podcast.viewport-xs .jp-audio .jp-controls {
	width:200px;
	padding-left:0px;
}
body.page-podcast.viewport-xs .jp-mute {
	display:none;
}

body.page-podcast #header {
	/* background-color:#979acf; */
}

body.page-podcast .blink {
	background-color:#fc0 !important;
	color:#fc0 !important;
	transition:0.15s;
}

.category-menu {
	padding-top:1rem;
}

.category-menu-item {
	display:inline-block;
	padding:4px 10px;
	background:#fff;
	cursor:pointer;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
	border: 1px solid #ddd;
	padding: 8px 13px 8px 13px;

}
.category-menu-item-header {
	display:inline-block;
	padding:4px 10px;
	font-weight:700;
	
}


.category-block {
	/* clear:both; */
	float:left;
	padding-top:10px;
}
.category-block h3 {
	font-size:1.3rem;
	font-weight:700;
	padding-left:10px;
	padding-bottom:10px;
}
.category-block-outer h3 {
	color:#335786;
}
.category-block-outer .group {
	background:#fff;
}
.category-block h3.count-1 {
	width:170px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.category-block-separator {
	width:100%;
	background:#aaa;
	padding:10px 20px;
	font-weight:700;
	font-size:1.5rem;
	margin-top:2rem;
	clear:both;
}
#close-playlist {
    display: inline-block;
    width: 30px;
    height: 24px;
    background: #f0f0f0 url("/img/search-close24.png") right center no-repeat;
	cursor:pointer;
}