/*
 * === Radio Stream Player Skin ===
 * https://radiostation.pro/stream-player/
 *
 * Author: Tony Hayes
 * Skin Version: 1.0.2 (Stream Player 2.5.0)
 *
 * originally based on Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License
*/

.rp-player {
	background-color: transparent;
}
 
.rp-player audio {
	width: 0; height: 0;
}

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

.rp-audio, .rp-audio-stream {
	font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; background-color: transparent;
}

.rp-audio *:focus, .rp-audio-stream *:focus {
	/* Disable the browser focus highlighting. */
	outline: none; box-shadow: none;
}

.rp-interface {
	position: relative; background-color: transparent;
}

.rp-audio-stream .rp-interface {
	width: 35%; display: inline-block;
}

.rp-station-info, .rp-interface, .rp-volume-controls, .rp-controls-holder , .rp-script-switcher, .rp-show-info {
	display: inline-block;
}

.rp-station-info, .rp-interface, .rp-show-info {
	text-align: center; vertical-align: top; margin-top: 7px;
}

.rp-station-info, .rp-show-info {
	display: none;
}

.rp-audio-stream .rp-station-info, .rp-audio-stream .rp-show-info {
	width: 32%; display: inline-block;
}

.rp-station-text-alt, .rp-show-text-alt {
	display: none;
}

.player-contents.popup {
	padding: 10px;
}

.vertical .rp-station-info, 
.vertical .rp-interface,
.vertical .rp-show-info {
	display: block; width: 100%; vertical-align: top;
}

.rp-controls, .rp-volume-controls, .rp-script-switcher {
	display: inline-block; vertical-align: middle; /* margin-top: -10px; */
}

.rp-volume-controls button, .rp-volume-slider-container, .rp-volume-bar {
	display: inline-block; vertical-align: middle;
}

.rp-popup {
	display: inline-block;
}

.rp-audio .rp-interface, .rp-audio-stream .rp-interface {
	height: 80px; padding-top: 5px;
}

/* @group CONTROLS */
.rp-interface .rp-controls {
	margin: 0; padding: 0; overflow: hidden;
}

.rp-controls button {
	display: block; float: left; overflow: hidden;
	text-indent: -9999px; border: none; cursor: pointer;
}

/* @group Control Buttons */
.horizontal .rp-play-pause-button-bg {
	margin-right: 25px;
}
.vertical .rp-play-pause-button-bg {
	margin-right: 5px;
}

.light .rp-play-pause-button-bg {background-color: rgba(192, 192, 192, 0.5);}
.dark .rp-play-pause-button-bg {background-color: rgba(64, 64, 64, 0.5);}

.rp-play-pause-button-bg, .rp-play-pause-button {
	width: 40px; height: 40px; background-size: 40px 40px;
}

.circular .rp-play-pause-button-bg {
	border-radius: 20px;
}

.rounded .rp-play-pause-button-bg {
	border-radius: 10px;
}

.rp-play-pause-button {
	opacity: 0.9; cursor: pointer;
}

.rp-play-pause-button:hover, .rp-play-pause-button:focus {
	opacity: 1; scale: 1.1;
}

.light.circular .rp-play-pause-button {
	background-image: url("../images/play-light-circular.png?v=2");
}

.light.rounded .rp-play-pause-button {
	background-image: url("../images/play-light-rounded.png?v=2");
}

.light.square .rp-play-pause-button {
	background-image: url("../images/play-light-square.png?v=2");
}

.dark.circular .rp-play-pause-button {
	background-image: url("../images/play-dark-circular.png?v=2");
}

.dark.rounded .rp-play-pause-button {
	background-image: url("../images/play-dark-rounded.png?v=2");
}

.dark.square .rp-play-pause-button {
	background-image: url("../images/play-dark-square.png?v=2");
}

.playing.light.circular .rp-play-pause-button {
	background-image: url("../images/pause-light-circular.png?v=2");
}

.playing.light.rounded .rp-play-pause-button {
	background-image: url("../images/pause-light-rounded.png?v=2");
}

.playing.light.square .rp-play-pause-button {
	background-image: url("../images/pause-light-square.png?v=2");
}

.playing.dark.circular .rp-play-pause-button {
	background-image: url("../images/pause-dark-circular.png?v=2");
}

.playing.dark.rounded .rp-play-pause-button {
	background-image: url("../images/pause-dark-rounded.png?v=2");
}

.playing.dark.square .rp-play-pause-button {
	background-image: url("../images/pause-dark-square.png?v=2");
}

/* .rp-stop, .rp-previous, .rp-next {
	width: 28px;
	height: 28px;
	margin-top: 6px;
}

.rp-stop {
	background: url("jplayer.generic.jpg") 0 -83px no-repeat;
	margin-left: 10px;
}

.rp-stop:focus {
	background: url("jplayer.generic.jpg") -29px -83px no-repeat;
}

.rp-previous {
	background: url("jplayer.generic.jpg") 0 -112px no-repeat;
}

.rp-previous:focus {
	background: url("jplayer.generic.jpg") -29px -112px no-repeat;
}

.rp-next {
	background: url("jplayer.generic.jpg") 0 -141px no-repeat;
}

.rp-next:focus {
	background: url("jplayer.generic.jpg") -29px -141px no-repeat;
} */
/* @end */

/* @group Volume Controls */
.rp-volume-slider-container {
	position: relative; opacity: 0.85; height: 30px;
}

.rp-volume-slider-container:hover, .rp-volume-slider-container:focus {
	opacity: 0.99;
}

.rp-volume-controls button, .rp-popup button {
	overflow: hidden; text-indent: -9999px;	border: none; cursor: pointer; opacity: 0.9;
}

.rp-volume-controls button:hover, .rp-volume-controls button:focus,
.rp-popup button:hover, .rp-popup button:focus {
	opacity: 0.99; scale: 1.1;
}

.circular .rp-volume-controls button, .circular .rp-popup button {
	border-radius: 9px;
}

.rounded .rp-volume-controls button, .rounded .rp-popup button {
	border-radius: 6px;
}

.square .rp-volume-controls button, .square .rp-popup button {
	border-radius: 1px;
}

.rp-volume-controls button.rp-mute, .rp-volume-controls button.rp-mute:hover, .rp-volume-controls button.rp-mute:focus,
.rp-volume-controls button.rp-volume-down, .rp-volume-controls button.rp-volume-down:hover, .rp-volume-controls button.rp-volume-down:focus,
.rp-volume-controls button.rp-volume-up, .rp-volume-controls button.rp-volume-up:hover, .rp-volume-controls button.rp-volume-up:focus,
.rp-volume-controls button.rp-volume-max, .rp-volume-controls button.rp-volume-max:hover, .rp-volume-controls button.rp-volume-max:focus,
.rp-popup button.rp-popup-button, .rp-popup button.rp-popup-button:hover, .rp-popup button.rp-popup-button:focus {
	width: 18px; height: 18px; padding: 0; margin: 0; background-size: 36px; background-repeat: no-repeat;
}

.light button.rp-mute, .light button.rp-volume-max, .light button.rp-volume-up, .light button.rp-volume-down, .light button.rp-popup-button {
	background-image: url("../images/volume-controls-light.png?v=3");
}
.dark button.rp-mute, .dark button.rp-volume-max, .dark button.rp-volume-up, .dark button.rp-volume-down, .dark button.rp-popup-button {
	background-image: url("../images/volume-controls-dark.png?v=3");
}

.rp-mute {background-position: 0 0;}
.muted .rp-mute, .rp-mute:hover {background-position: -18px -18px;}
.rp-volume-max {background-position: 0 -36px;}
.maxed .rp-volume-max, .rp-volume-max:focus, .rp-volume-max:hover {background-position: -18px -36px;}
.rp-volume-up {background-position: 0 -54px;}
.rp-volume-up:focus, .rp-volume-up:hover {background-position: -18px -54px;}
.rp-volume-down {background-position: 0 -72px;}
.rp-volume-down:focus, .rp-volume-down:hover {background-position: -18px -72px;}
.rp-popup-button {background-position: 0 -90px;}
.rp-popup-button:focus, .rp-popup-button:hover {background-position: -18px -90px;}
.rp-script-select {display: none;}
/* @end */

/* @roup Now Playing Info */
.rp-now-playing {font-size: 14px; display: none;}
.now-playing .rp-now-playing {display: flex;}
.rp-now-playing-title, .rp-now-playing-artist, .rp-now-playing-album {
	display: inline-block; padding: 0 10px;
}

/* @group Station and Show Info */
.rp-station-image, .rp-station-text, .rp-show-text, .rp-show-image {
	display: inline-block; vertical-align: top;
}
.rp-station-info .rp-station-image, .rp-show-info .rp-show-image {
	width: 64px; height: 64px; margin: 0; padding: 0; background-size: 100% 100%;
}
.rp-station-info .rp-station-image {margin-right: 16px;}
.rp-station-info .rp-station-image.no-image {width: 0; height: 0; margin-right: 0; display: none;}
.rp-station-info .rp-station-image.no-image.new-image {width: 64px; height: 64px; margin-right: 16px;}
.rp-station-info .rp-station-image.new-image img {display: none;}
.rp-show-info .rp-show-image {margin-left: 16px; border: 0;}
.rp-show-info .rp-show-image.no-image {width: 0; height: 0; margin-left: 0; display: none;}
.rp-show-info .rp-show-image-link {text-decoration: none;}
.rp-show-info .rp-station-text {max-width: calc(100% - 90px);}
/* @end */

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

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

.rp-no-solution span {
	font-size: 1em; display: block; text-align: center;	font-weight: bold;
}
/* @end */