/* CSS Document */

/* *********** RESETS  ************* */
#onair2Body #qtmainmenucontainer.qt-menubar a.qt-header-play-btn:hover{background-color:#fff!important; color:#000!important;}

#qtmainmenucontainer { box-shadow: none; }

#onair2Body #qtmainmenucontainer.qt-menubar a{ color: #000 !important; }

#onair2Body #qtmainmenucontainer.qt-menubar a:hover{ background-color: #F7A46B!important; color:#fff!important; }

#onair2Body .qt-menubar a {color: #000 !important; }
	
	
#onair2Body .qt-menubar, 
#onair2Body .qt-mobile-menu, 
#onair2Body .qt-desktopmenu a {
    background-color: #fff !important;
}

#onair2Body .qt-side-nav a {
    color: #000 !important;
}

#onair2Body .qt-side-nav li li a {
    background-color: #e7e7e7 !important;
}

#onair2Body .qt-side-nav li li a:hover {
    background-color: #F7A46B !important;
}


#onair2Body #maincontent a.qt-sharelink {color: #000 !important;}

@media only screen and (min-width: 1201px) {
	#onair2Body #maincontent .qt-pageheader h1 {
		font-size: 84px;
	}
	
	#onair2Body nav#qtmainmenucontainer ul.qt-desktopmenu li.menu-item a {
     font-size: 17px;
     line-height: 68px;
	}
	
	#onair2Body nav#qtmainmenucontainer ul.qt-desktopmenu li.menu-item .sub-menu li.menu-item a {
     font-size: 17px;
     line-height: 2.5em;
	}
}



#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current_menu_ancestor::after, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current_menu_ancestor > a::after, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current_page_item::after, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current_page_item > a::after, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current_page_item > a::before, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current-menu-ancestor > a::after, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current-menu-ancestor > a::before, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu > li.current-menu-ancestor::after, 
#onair2Body #qtmainmenucontainer.qt-menubar ul.qt-desktopmenu>li.current_page_item:hover::after, 
#onair2Body #qtmainmenucontainer.qt-pageheader .qt-caption {
	border-color: #000 !important;
}

#onair2Body #qtmainmenucontainer.qt-menubar-top .highlight a, #onair2Body #qtmainmenucontainer.qt-menubar .highlight a {
    color: #68bc45 !important;
    font-size: 1.2rem !important;
}

#onair2Body #qtmainmenucontainer.qt-menubar-top .highlight a:hover, #onair2Body #qtmainmenucontainer.qt-menubar .highlight a:hover {
    color: #fff !important;
}

#onair2Body .qt-pageheader .qt-caption {
	border-color: #F7A46B !important;
}
#onair2Body .qt-container {
    max-width: 1400px!important;
}

#onair2Body .qt-main-menubar .qt-menubar-top a, #onair2Body .qt-menubar a {
    color: #000 !important;
    font-weight: 600;
}


/* *********** GENERIC STYLES  ************* */
.on-air-now{ font-weight: bold; color:#68bc45;}
.on-air-next{ font-weight: bold; color:#f7a46c;}
.ppt6 { padding-top: 6px; height: 84px}
.ppt12 { padding-top: 12px; height: 78px}

#wslr_next_play_logo,
#wslr_now_play_logo{ 
	background-image: url(https://wslrorg.stage.site/wp-content/uploads/2023/05/CombinedLogoSimple.jpeg);
	width: 75px;
	height: 75px;
	/*border: 1px solid #fff;*/
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 10px;
	border-radius: 15%;
}
.qt-playerbar-open #qtplayerheaderbar {border-top: solid 2px #eee;  border-bottom: solid 2px #eee;}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 44px!important;}

/* *********** NOW PLAYING CONTAINER BUTTON ********** */
#bc-now-playing-container .col { padding: 0 0.55rem; }
#bc-now-playing-container {float:right; color: #000; max-height: 68px; padding-top:5px;}
#bc-now-playing-container .now-plyaing-show-name{ font-size:16px;}
#bc-now-playing-container .now-plyaing-song-details{ font-size: 10px; line-height: 11px;}


/* *********** PLAY BUTTON ********** */
#onair2Body #qtmainmenucontainer.qt-menubar #bc-header-play-button {
	display:block;
	width:47px;
	height:47px;
	padding: 11px 6px;
	line-height: 20px!important;
	border-radius: 50%;
	background-color: #68bc45!important;
	transition: all 0.3s ease;
	margin: 10px 16px;
	border: 1px solid #68bc45;
}

#onair2Body #bc-now-playing-container #bc-header-play-button:hover,
#onair2Body #bc-now-playing-container #bc-header-play-button.playing {
	background-color: #fff!important;
	color:#68bc45!important;
	border: 1px solid #68bc45;
	
}
#bc-header-play-button i{
	color: #fff;
	display: inline;
	font-size: 1.414rem;
	position: relative;
	top: 0.0rem;
	margin: 0 10px;
}
#bc-header-play-button:hover i{color: #68bc45;}
#bc-header-play-button.playing i.fa-play{color: #68bc45; left: -3px;}
#bc-header-play-button.playing .fa-play:before { content: "\f04c"; }


/* *********** PLAYER HEADER BAR ********** */
#qtplayerheaderbar a{ color: #000; }
#qtplayerheaderbar .col10{width: 14%;	margin-left: auto;}
#qtplayerheaderbar .col15{width: 22%;	margin-left: auto;}
#qtplayerheaderbar .col28{width: 32%;	margin-left: auto;}

#qtplayerheaderbar i {color: #68bc45; opacity: 1.0; top: 0.1em;}
#qtplayerheaderbar i.green {color: #68bc45; opacity: 1.0; top: 0.1em;}
#qtplayerheaderbar i.orangei {color: #f7a46c; opacity: 1.0; top: 0.1em;}
#qtplayerheaderbar {
    overflow: visible;
    display: flex;
    flex: 1;
    flex-flow: wrap;
    width: 100%;
}

body #qtplayerheaderbar { background-color: #F9F9F9; overflow: hidden;}
body #qtplayerheaderbar .doublerows{ line-height:32px; font-size: 19px;}
body #qtplayerheaderbar .top-bar-row{ display: none; padding: 0; }
body #qtplayerheaderbar a.leave-a-tip{line-height:68px; color:#68bc45; font-size: 24px;}	
	
body.qt-playerbar-open #qtplayerheaderbar{ height: auto;}
body.qt-playerbar-open #qtplayerheaderbar .top-bar-row{display: block; }
body.qt-playerbar-open .open-indicator{ rotate: 90deg; }




#bc-header-play-button.playing .fa-play:before { content: "\f04c"; }

/*
open-indicator-container
fa fa-solid fa-chevron-right
dripicons-chevron-down
*/


/* *********** MEDIA QUERIES ********** */

@media (max-width: 1475px){
	#bc-now-playing-container .col { padding: 0 0.35rem; }
	body #qtplayerheaderbar .doublerows{ line-height:32px; font-size: 18px;}
}

@media (max-width: 1300px){
	body #qtplayerheaderbar .doublerows{ line-height:32px; font-size: 16px;}
	#bc-now-playing-container .col { padding: 0 0.15rem; }
		
	#bc-header-play-button {
		width: 34px;
		height: 34px;
		padding: 5px 1px;
		margin: 10px 16px;
	}
	
	#bc-header-play-button i {
    	font-size: 1.0rem;
    	top: 0.12rem
	}
}

@media only screen and (max-width: 1200px) {
	ul.qt-mobile-toolbar {display:none;}
	hr.qt-header-player-spacer {display:none;}
	#bc-now-playing-container .col { padding: 0 0.10rem; }
	body #qtplayerheaderbar .doublerows{ line-height:32px; font-size: 16px;}
	#qtmainmenucontainer .qt-desktopmenu .brand-logo { left:auto; transform: none; }
	body.qt-playerbar-open #qtplayerheaderbar{ height: auto; top: 67px; display:block;}
	body.qt-stickymenu .qt-main-menubar {position: fixed!important; top: 0;left: 0; width: 100%; z-index: 200; }
	body.qt-stickymenu #maincontent {margin-top:70px; }
	#qtplayerheaderbar .col10{width: 16%;	margin-left: auto;}
#qtplayerheaderbar .col15{width: 20%;	margin-left: auto;}
}

@media only screen and (max-width: 1100px) {
	#qtplayerheaderbar .col10{width: 50%;	margin-left: auto; min-height: 88px;}
	#qtplayerheaderbar .col15{width: 50%;	margin-left: auto; min-height: 88px;}
	#qtplayerheaderbar .col28{width: 50%;	margin-left: auto; min-height: 88px;}
	.bc-sidebar { border-bottom: 1px solid #eee; }
	.bc-sidebar2 { border-bottom: 1px solid #eee; }
	body #qtplayerheaderbar .doublerows{ line-height:32px; font-size: 18px;}
	.ppt6, .ppt12 { padding-left: 10px;}
	
}

@media only screen and (max-width: 767px) {
	#bc-now-playing-container .col { padding: 0 0.10rem; }
	#bc-now-playing-container .now-plyaing-show-name {	font-size: 12px; }
	body #qtplayerheaderbar .doublerows{ line-height:32px; font-size: 18px;}
	#qtplayerheaderbar .col10{width: 100%;	margin-left: auto;}
	#qtplayerheaderbar .col15{width: 100%;	margin-left: auto;}
	#qtplayerheaderbar .col28{width: 100%;	margin-left: auto;}
	.bc-sidebar2 { border-bottom: none; }
	body.qt-stickymenu .qt-main-menubar {position: fixed!important; top: 0;left: 0; width: 100%; z-index: 200; }
	
	
	#qtmainmenucontainer ul.qt-mobilemenubar .qt-menu-switch {margin: 0; padding: 0;}
	
	#bc-now-playing-container .open-indicator-container i { font-size: 12px; }
	
	#bc-header-play-button {
		width: 34px;
		height: 34px;
		padding: 5px 1px;
		margin: 10px 5px;
	}
	
/* 	#bc-header-play-button i {font-size: 0.9rem;top: -0.2rem;margin: 0px 6px;} */
	
	#bc-now-playing-container .now-plyaing-show-name, #bc-now-playing-container .now-plyaing-song-details{ 
		max-width: 120px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.ppt6, .ppt12 { padding-left: 10px;}
	
}
@media only screen and (min-width: 1201px){
	body.home #maincontent {margin-top:0px;}
}	
@media only screen and (min-width: 601px){
navelement {
}
#qtmainmenucontainer {
  box-shadow: none;
}
#onair2Body .qt-menubar {
  background-color: #fff !important;
}
.qt-negative, .qt-content-primary-dark, .qt-content-primary, .qt-content-primary-light, .qt-btn-primary, .btn-primary, .qt-secondary, .qt-btn-secondary, .btn-secondary, nav.qt-menubar ul.qt-desktopmenu a:hover, .qt-side-nav a, .qt-sharepage a, .qt-caption-med span, .qt-caption-small span, a.rsswidget, .qt-text-neg, .qt-logo-text, .qt-negative .qt-btn-ghost, .qt-text-neg .qt-btn-ghost {
  color: #ffffff;
}
	
.qt-content-primary-dark, .qt-menubar, .qt-mobile-menu, #onair2Body .qt-desktopmenu a{
  /* background-color: #101010 !important; */
  background-color: #fff !important;
	color: #000 !important;
}
	
	
	.qt-content-primary-dark, .qt-menubar, .qt-mobile-menu, #onair2Body .qt-desktopmenu a{
  /* background-color: #101010 !important; */
  background-color: #fff !important;
	color: #000 !important;
}
	
#onair2Body #qtmainmenucontainer.qt-menubar a {
	background-color: #fff !important;
	color: #000 !important;
}

#onair2Body #qtmainmenucontainer.qt-menubar a:hover {
	background-color: #f7a46c !important;
}





.qt-content-primary, .qt-menubar-top {
  background-color: #ffe294 !important;
}
.qt-menubar-top, .qt-menubar, .qt-side-nav, .qt-menu-footer, .qt-menubar ul a {
  font-family: Khand;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.qt-menubar {
  position: relative;
  z-index: 300;
  margin: 0;
  padding: 0;
  display: table;
}
.qt-menubar, .qt-side-nav {
  text-rendering: geometricPrecision;
}
.qt-menubar-top, .qt-menubar, .qt-side-nav, .qt-menu-footer {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: auto;
  transform: translate3d(0, 0, 0);
}
[class*="qt-content-primary"] {
  color: #fff !important;
}