/*
 * === Radio Stream Player Skin ===
 * https://radiostation.pro/stream-player/
 *
 * Author: Tony Hayes
 * Skin Version: 1.0.3 (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 {border: 0;
	/* Disable the browser CSS3 focus highlighting. */
}
.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);}
.light.semisolid .rp-play-pause-button-bg, .dark.semisolid .rp-play-pause-button-bg,
.light.solid .rp-play-pause-button-bg, .dark.solid .rp-play-pause-button-bg {background-color: transparent;}

.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: 50%;}
.rounded .rp-play-pause-button-bg {border-radius: 33%;}
.square .rp-play-pause-button-bg {border-radius: 1px;}
.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.solid .rp-play-pause-button {background-image: url("../images/light-play-solid.png?v=2");}
.light.semisolid .rp-play-pause-button {background-image: url("../images/light-play-semisolid.png?v=2");}
.light.circular .rp-play-pause-button {background-image: url("../images/light-play-circular.png?v=2");}
.light.rounded .rp-play-pause-button {background-image: url("../images/light-play-rounded.png?v=2");}
.light.square .rp-play-pause-button {background-image: url("../images/light-play-square.png?v=2");}

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

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

.playing.dark.solid .rp-play-pause-button {background-image: url("../images/dark-pause-solid.png?v=2");}
.playing.dark.semisolid .rp-play-pause-button {background-image: url("../images/dark-pause-semisolid.png?v=2");}
.playing.dark.circular .rp-play-pause-button {background-image: url("../images/dark-pause-circular.png?v=2");}
.playing.dark.rounded .rp-play-pause-button {background-image: url("../images/dark-pause-rounded.png?v=2");}
.playing.dark.square .rp-play-pause-button {background-image: url("../images/dark-pause-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;}
.minned .rp-volume-slider-bg {border: none !important;}

.circular .rp-volume-controls button, .circular .rp-popup button {border-radius: 50%;}
.rounded .rp-volume-controls button, .rounded .rp-popup button {border-radius: 33%;}
.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=4");
}
.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=4");
}
.light.solid button.rp-mute, .light.solid button.rp-volume-max, .light.solid button.rp-volume-up, .light.solid button.rp-volume-down, .light.solid button.rp-popup-button, .light.semisolid button.rp-mute, .light.semisolid button.rp-volume-max, .light.semisolid button.rp-volume-up, .light.semisolid button.rp-volume-down, .light.semisolid button.rp-popup-button {
	background-image: url("../images/volume-controls-light-solid.png?v=2"); background-color: transparent;
}
.dark.solid button.rp-mute, .dark.solid button.rp-volume-max, .dark.solid button.rp-volume-up, .dark.solid button.rp-volume-down, .dark.solid button.rp-popup-button, .dark.semisolid button.rp-mute, .dark.semisolid button.rp-volume-max, .dark.semisolid button.rp-volume-up, .dark.semisolid button.rp-volume-down, .dark.semisolid button.rp-popup-button {
	background-image: url("../images/volume-controls-dark-solid.png?v=2"); background-color: transparent;
}

.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 */