@font-face {
    font-family: 'Advanced LED Board-7';
    src: url('fonts/Advanced_LED_Board-7.eot');
    src: local('Advanced LED Board-7'), local('Advanced_LED_Board-7'),
        url('fonts/Advanced_LED_Board-7.eot?#iefix') format('embedded-opentype'),
        url('fonts/Advanced_LED_Board-7.woff2') format('woff2'),
        url('fonts/Advanced_LED_Board-7.woff') format('woff'),
        url('fonts/Advanced_LED_Board-7.ttf') format('truetype'),
        url('fonts/Advanced_LED_Board-7.svg#Advanced_LED_Board-7') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DS-Digital';
    src: url('fonts/DS-Digital.eot');
    src: local('DS-Digital'),
        url('fonts/DS-Digital.eot?#iefix') format('embedded-opentype'),
        url('fonts/DS-Digital.woff2') format('woff2'),
        url('fonts/DS-Digital.woff') format('woff'),
        url('fonts/DS-Digital.ttf') format('truetype'),
        url('fonts/DS-Digital.svg#DS-Digital') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Advanced LED Board-7';
    src: url('fonts/Advanced_LED_Board-7_1.eot');
    src: local('Advanced LED Board-7'), local('Advanced_LED_Board-7'),
        url('fonts/Advanced_LED_Board-7_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/Advanced_LED_Board-7_1.woff2') format('woff2'),
        url('fonts/Advanced_LED_Board-7_1.woff') format('woff'),
        url('fonts/Advanced_LED_Board-7_1.ttf') format('truetype'),
        url('fonts/Advanced_LED_Board-7_1.svg#Advanced_LED_Board-7') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
/*
.header-top {
margin-top:60px;
}
*/

.stationlink {
font-family: 'DS-Digital', Arial !important;
font-size:25px;
white-space: nowrap;
}
.digital {
font-family: 'DS-Digital', Arial !important;
}

.led {
font-family: 'Advanced LED Board-7', Arial !important;
}

.btn-tv {
	background-image: -webkit-linear-gradient(top,#ff873f 0,#ff660b 100%) !important;
	background-image: -o-linear-gradient(top,#ff873f 0,#ff660b 100%) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ff873f),to(#ff660b)) !important;
	background-image: linear-gradient(to bottom,#ff873f 0,#ff660b 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff873f', endColorstr='#ff#ff660b', GradientType=0) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
	background-repeat: repeat-x !important;
	border-color: #e38d13 !important;
	color:#fff !important;
	font-weight: bold !important;
}
.styled {
    border: 0;
    line-height: 2.5;
    padding: 0 10px;
    text-align: center;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
	margin:5px;
    border-radius: 10px;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    font-size: 1.25rem;
}
.styled-dark {
    color: #000 !important;
    text-shadow: 1px 1px 1px #c5c5c5 !important;
}


.styled-red {
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-red:hover {
    background-color: rgba(255, 0, 0, 1);
}

.styled-red:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled-lightblue {
    background-color: #17a2b8;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-lightblue:hover {
    background-color: #007bff;
}

.styled-red:lightblue {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled-green {
    background-color: rgba(34, 166, 34, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-green:hover {
    background-color: rgba(0, 255, 0, 1);
}

.styled-green:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled-blue {
    background-color: rgba(0, 0, 220, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-blue:hover {
    background-color: rgba(0, 0, 255, 1);
}

.styled-blue:active {
    box-shadow: inset -2px -2px 3px rgba(0, 0, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.styled-white {
    background-color: #fff;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled-white:hover {
    background-color: rgba(255, 255, 255, 1);
}

.styled-white:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.parent {
  height: 200px;
  background: gray;
  display: flex;
  align-items: center;
  justify-content: center;
}

.child {
  background-color: orange;
  width: 100px;
  height: 100px;
}
.CSSTableGeneratorRed {
	overflow-x:auto;
	margin:0px;padding:0px;
	margin-bottom:10px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGeneratorRed table{
	width:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratorRed tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGeneratorRed table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGeneratorRed table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGeneratorRed tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGeneratorRed tr:hover td{

}
.CSSTableGeneratorRed tr:nth-child(odd){ background-color:#e8b7b7; }
.CSSTableGeneratorRed tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGeneratorRed td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGeneratorRed tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratorRed tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratorRed tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorRed tr:first-child th{
		background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);
	background-color:#ff5656;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGeneratorRed tr:first-child:hover th{
	background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);
	background-color:#ff5656;
}
.CSSTableGeneratorRed tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorRed tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.CSSTableGeneratorBlue {
	overflow-x:auto;
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGeneratorBlue table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratorBlue tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGeneratorBlue table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGeneratorBlue table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGeneratorBlue tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGeneratorBlue tr:hover td{

}
.CSSTableGeneratorBlue tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGeneratorBlue tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGeneratorBlue td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGeneratorBlue tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratorBlue tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratorBlue tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorBlue tr:first-child th{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGeneratorBlue tr:first-child:hover th{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
}
.CSSTableGeneratorBlue tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorBlue tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
#rsi_player_div {
    position: fixed;
    bottom: 0px;
    width: 100%;
	background-color:#000;
	color:#fff;
}

#rsi_player {
	margin:10px;display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: stretch;align-content:center;;
}
#audiomain {
	display:none;
}
.playing {
	color:green;
}

.stopped {
	color:red
}
.inactivestream {
	color:#425b97;
}
.activestream {
	color:#e8cf03;
}

@media (max-width: 640px) {
	#rsi_player {
		margin: 30px !important;
	}
	#ps2 {
		font-size: 1.5em !important;
	}
	.hidesmall {
		display: none !important;
	}
}
#podplayer {
	position: fixed;
	bottom: -200px;
	left: 0;
	width: 100%;
	background: #222;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.6);
	transition: bottom 0.3s ease;
	z-index: 9999;
	font-family: sans-serif;
}

#podplayer.shown {
	bottom: 0;
}

#collapse-toggle {
	position: absolute;
	top: 4px;
	right: 10px;
	background: transparent;
	color: #ccc;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
	z-index: 10000;
}

#podplayer.collapsed .player-meta,
#podplayer.collapsed .player-controls {
	display: none;
}

#podplayer.collapsed {
	height: 40px;
	padding: 0.5rem 1rem;
}


.player-meta {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 200px;
	gap: 1rem;
}

#player-image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 4px;
}

.player-info {
	display: flex;
	flex-direction: column;
}

#player.podcast-title {
	font-size: 0.85em;
	color: #ccc;
}

#player.episode-title {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
}

.player-controls {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	gap: 0.5rem;
	min-width: 200px;
	margin-left: 1rem;
}

#play-pause {
	font-size: 1.5em;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
}

#seek-bar {
	flex: 1;
}

#time-current, #time-duration {
	font-size: 0.85em;
	min-width: 40px;
	text-align: center;
}
#volume-bar {
	width: 80px;
}