/*
 * === Radio Stream Player Skin ===
 * https://radiostation.pro/stream-player/
 *
 * Author: Tony Hayes
 * Skin Version: 1.0.1 (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;
	width: 35%;
}

.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 {
	width: 32%;
}

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

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

.radio-container.vertical .rp-station-info, 
.radio-container.vertical .rp-interface,
.radio-container.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 */
.radio-container.horizontal .rp-play-pause-button-bg {
	margin-right: 25px;
}
.radio-container.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;
}

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

.radio-container.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;
}

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

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

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

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

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

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

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

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

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

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

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

.radio-container.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;
}

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

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

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

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

.radio-container.square .rp-volume-controls button, .radio-container.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;}
/* @end */

/* @roup Now Playing Info */
.rp-now-playing {
    font-size: 14px;
}
.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;}
.rp-show-info .rp-show-image.no-image {width: 0; height: 0; margin-left: 0; display: 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 */