.col-adj { margin-bottom:20px;padding: 4px; background: rgba(0, 0, 0, 0.4) none;}
.padding-1 {padding-left: 1px; padding-right: 1px}
.top-img-radio {
    overflow: hidden; margin-bottom: 20px;
    background-size: 100%;
    background-color: #383838;
    position: relative;}
.font-menu {color:white;}

h4 {font-size: 24px;}

.nav-tabs.nav-justified>li>a {font-weight:700;color:#333;}
.nav-tabs>li.active>a {/*background-color: #e4004f;*/color: #FFF;font-weight:700;}
.navDiv .navbar-brand {  height: 115px;}
.navDiv .navbar-toggle {  margin: 43px 35px 25px 0;}
.navbar-brand { padding: 0px;}

@media screen and (min-width: 768px){
  .navbar-brand>img { height: 100%; padding: 15px; width: auto;}
}

.navDiv .nav >li >a {color: #000000;font-size:16px;font-weight: 700;}
.bordered {border-right: 2px solid #30353c}
.icon-bar {background-color: black;width: 35px !important;height: 5px !important;}
li.active>a {color: #e4004f !important;font-weight:700;}

@media screen and (min-width: 1269px){
  .navbar-nav { padding-top: 65px;}
  .navDiv .nav >li >a {padding-top: 0;padding-bottom: 0}
  .navBordered {border-right: 2px solid #000000}
}
@media screen and (max-width: 767px){
  .navbar-brand>img {margin: 45px 0 0 25px;}
}

.table-bordered td h4{color:#e4004f;margin-bottom: 0;}
.table-bordered td p{text-transform: uppercase;}
.table-bordered td img{max-height: 190px;}
.table-bordered td{vertical-align: middle !important;}

.vcenter {display: inline-block;vertical-align: middle;float: none;}
.nextShow {position: absolute; bottom: 20px; right: 0;padding-right: 0;}
.now-playing{ border-bottom: 1px solid #eeeeee; margin-bottom: 15px;}
.now-playing img{margin-bottom: 8px;}


.greyBackground {background-color: #383838;}
.row.latest{position: relative;margin-top: 30px}
.latest-col{position: absolute; bottom: 0;}
.latest-col img {max-height: 200px;overflow: hidden;}
.latest .caption{margin-left: 27.33%}
.latest .caption h4{margin-bottom: 2px}
.latest .caption p{color:#e4004f;font-size: 18px !important;font-weight:700;min-height: 51px;margin-bottom: 0}
.all-shows-col{text-transform: uppercase;
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 6px;
    padding-top: 12px;
    padding-bottom: 10px;
    color:#e4004f;
    background-color: #C8C8C8;
    display: block;
}
.first-show-col{border-top: 8px solid #e4004f;}
.shows-list-image-row{display: table;}
.shows-list-image-col{float: none; display: table-cell; vertical-align: bottom;}
.shows-list-title{font-size: 22px;font-weight: 800;}
.shows-list-producer{color: #e4004f; font-size: 18px; font-weight: 700;}
.onAirTitle:hover { color: #eeeeee; }
.show-title-secondary{color: #727578}

.podcastEmbedurl > iframe{height: 160px !important; width: 100% !important;}

/*.header-program {
        background: url('../../resrc/images/radio/radio-console.jpg') no-repeat;
        padding-bottom: 330px;overflow: hidden;
        background-size: 100%;
}*/

#nextShow { background-color: #e4004f;}
#nextUp {background-color: #000000;}
#onAirMain {color:#e4004f; font-size: 22px; font-weight:800; margin: 0; padding: 30px 0 0 0;}
#onAirGlobal {color:#e4004f; font-size: 22px;font-weight:800;}
#onAirGlobalTime {font-size: 21px;font-weight:300;}
#onAirGlobalTitle {font-size: 22px;font-weight:800;}
#onAirPlayer {color:#e4004f; font-size: 18px;font-weight:800;}
#playerShowTitle {font-size: 28px;font-weight:400;}
#onAirCol2 h1 {margin:0px}
.onAirCol {position: relative;}
.playerShowDescription {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.inPlayerProgram {margin-top: 35px;}

.font1 {color:#e4004f;}
.font2 {color: #FFF;}

.shows-list-image-row .caption {margin-left:20px}
/*#navbar3 .navbar-nav {padding-top: 20px;}
#navbar3 .navbar-nav li {padding: 7px 0;}
*/

.row-next-show h4 {margin-top: 10px;margin-bottom: 10px}

@media screen and (max-width: 767px){
    h4 {font-size: 20px;}
    #onAirCol2 div {text-align: center;}
    #nextUp, #nextShow {padding:3px 0}
    #nextUp {margin-right: 0}
    .shows-list-image-row .caption {margin-left:0px}
    .row-next-show {margin-top:20px;}
    #onAirCol {padding-top: 0px; background:#FFF;}
    .morePodcastsDiv{text-align: center;}
}

@media screen and (min-width: 768px){
  .onAirImage {position: absolute;top: 50%;transform: translateY(-50%);}
}

@media screen and (max-width:1569px){
    .onAirTitle {font-size: 29px;}
    .onAirCol {height: 335px;}

    h4#showDetails{font-size:18px; font-weight:400;}
    .row-next-show { margin-top: 10px; }
}

@media screen and (min-width: 1269px) and (max-width: 1569px){
    .row-next-show h4 {font-size: 17px; font-weight: 700;}
}

@media screen and (min-width: 767px) and (max-width: 1268px){
    .row-next-show h4 {font-size: 12px;}
}

@media screen and (max-width: 480px) {
    .nav-justified li {float:left !important; }
    .nav-justified li a {padding: 4px !important; }
    .navbar {margin-bottom:0px}
}

@media screen and (min-width:1570px) {
    .row-next-show { margin-top: 55px;}
    .row-next-show h4 {font-size: 22px;}
    .onAirCol {height: 415px;}
    .onAirTitle {font-size: 38px;}
}

@media screen and (max-width:1270px) {
    #listenLiveCaption h4 {font-size: 20px;}
}

@media screen and (min-width:1270px) {
    iframe.player-live {margin-top:82px}
}

@media screen and (max-width: 767px){
    .onAirCol {height: auto;}
}


.dropdown-item2 {display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    font-size: 17px;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;}

/*.dropdown .btn {
    background-color: #e4004f;
    background-image: -webkit-linear-gradient(top, #c2014f 0%, #850136 100%);
    background-image: -o-linear-gradient(top, #c2014f 0%, #850136 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c2014f), to(#850136));
    background-image: linear-gradient(to bottom, #c2014f 0%, #850136 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2014f', endColorstr='#ff850136', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #7b0132;
    color: #ffffff;
}*/
#weekdropdown {left:50%; margin-left:-80px;}

.show-title a {    font-weight: 700;}

.social-buttons {
    padding: 15px 5px;
    margin: 0 0 50px 0;
    background: #f8f8f8;
    border: 1px solid #eaeaea;
}

.show_description { font-size: 1.4em; margin: 20px 0;}
.category-listing { margin-top: 30px;}
.category-listing .row-striped {padding: 15px 0 15px 40px; font-size:1.4em;}

.tab-content .active .active, .tab-content .active .active a{ color:#e4004f !important;}
.tab-content .active .activeShow { background-color:#d4d4d4 !important;}
.nowOnAirProgram {display: block;background-color: #000; color: #FFF;padding: 7px;border-radius: 5px;font-size: 10px;margin-bottom: 10px;width: 65px;}

.popUpPlayerButton {position: absolute;color:#FFF;background-color: #e4004f; width: 150px; height: 37px;margin-top: 20px; border-color: #7b0132;z-index: 999;}
.morePodcastsButton, .progDropdownButton {color:#FFF;background-color: #e4004f; width: 180px; height: 37px; border-color: #7b0132;}
.popUpPlayerButton:hover, .morePodcastsButton:hover, .progDropdownButton:hover {color: #FFF; background-color: #660024}
.popUpPlayerButton:focus, .morePodcastsButton:focus {color: #FFF;outline: none}

.row-striped:nth-of-type(odd) {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}
.row-striped:nth-of-type(even) {
    background-color: #fFFF;
    border-bottom: 1px solid #ddd;
}

.stickyRightMenu {position: -webkit-sticky; position: sticky; top: 3px; z-index: 9999 !important}

/*Collapse navbar when below 1268px*/

@media (max-width: 1268px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}



.onDemandHeaderWrapper{background: #000000 url('../../resrc/images/radio/bg-wave-large.png') no-repeat center bottom;
    background-size: contain;
}
.onDemandHeaderContainer{padding-top: 20px;padding-bottom: 20px;}
.onDemandHeaderRightCol{color:#ffffff;}
.onDemandHeaderTitle{color:#ffffff;margin-bottom: 0}
.onDemandHeaderDescription {font-size: 18px;padding-top: 30px;}
.onDemandHeaderRightColLinks {margin-top: 30px}
.onDemandHeaderSocials > a {width: 32px;height: 32px; padding-right: 10px}
.onDemandHeaderSocials > a:hover {opacity: 0.7;}
.onDemandMoreApps{text-transform: uppercase;font-weight: 700;color: #292f36;font-size: 1.6rem;margin-top: 10px;margin-bottom: 10px}
.onDemandMoreAppsLinks > * {margin-right: 15px;display: inline-block;}
.onDemandMoreAppsLinks p {font-size:12px;visibility: hidden;position: absolute;}
.onDemandMoreAppsLinks> span:hover > p {visibility: visible;}


.onDemandSportFmImage{border-radius: 10px;}
@media screen and (max-width: 767px){
  .onDemandSportFmImage{width: 60%;}
  .onDemandSportFmImageCol {text-align: center;}
  .onDemandHeaderTitle{font-size: 29px}
  .onDemandHeaderRightColLinks > * {display: block;}
  .onDemandHeaderSocials {padding-top: 20px;padding-bottom: 10px;}
}
@media screen and (max-width: 407px){
  .onDemandMoreAppsLinks > *{margin-top: 20px;}
}
@media screen and (max-width: 900px){
  .onDemandMoreApps{color: #ffffff}
}


.navDivOnDemand .navbar-collapse {float: left;}
.navDivOnDemand .nav >li >a {color: #ffffff;font-size:16px;font-weight: 700;}
.navDivOnDemand .nav >li >a:hover, .navDiv .nav >li >a:hover {background-color: transparent;color:   #BEBEBE;}
.navDivOnDemand .nav >li >a:focus, .navDiv .nav >li >a:focus {background-color: transparent;}
.navDivOnDemand .nav {margin: 0;}
@media screen and (min-width: 1269px){
  .onDemandNavBordered {border-right: 2px solid #ffffff}
  .navDivOnDemand .nav > li:nth-child(1) > .onDemandNavBordered {padding-left: 0}
  .navDivOnDemand .nav >li >a {padding-top: 0;padding-bottom: 0}
  .onDemandHeaderSocials {padding-left: 50px}
}
.onDemandHeaderContainer .icon-bar {background-color: #ffffff;width: 35px !important;height: 5px !important;}

/*Custom Player CSS*/

#audioplayer{
  background-color: #f9f9f9;
  align-content: center;
  margin-top: 70px;
}

#audioplayer > *{
  display:inline-block;
  vertical-align:middle;
}

#playButton{
  height: 100px;
  width: 88px;
  border: none;
  background-position: center;
  outline: none;
}
.play{background: url('../../resrc/images/radio/radio-play.png') no-repeat;}
.pause{background: url('../../resrc/images/radio/radio-pause.png') no-repeat;}

input[type="range"] {
  width: 93px;
  -webkit-appearance: none;
  border: 1px solid #4b4b4b;
  height: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #4b4b4b;
  outline: none;
}

input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #e4004f;
}

#fullVol, #mute {
  background: #363636;
  color: #ffffff;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#363636),
    to(#4b4b4b)
  );
  background: -webkit-linear-gradient(bottom, #363636, #4b4b4b);
  background: -moz-linear-gradient(bottom, #363636, #4b4b4b);
  background: -o-linear-gradient(bottom, #363636, #4b4b4b);
  background: linear-gradient(0deg, #363636, #4b4b4b);
  font-size: 14px;
  border: none;
  outline: none;
  width: 43px;
  height: 30px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
}