audio {
  max-width: 90%;
}

/** CSS HACK TO HIDE DOWNLOAD BUTTON **/
/** DELETE LINES 5-24 AFTER LIMELIGHT ALTERS SERVER **/
#media-podcast--audio audio::-internal-media-controls-download-button {
    display:none;
}
#media-podcast--audio > audio { max-width: none;width: 100%; } 
/* Chrome 29+ */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
  and (min-resolution:.001dpcm) {
  /* HIDE DOWNLOAD AUDIO BUTTON */ 
  #media-podcast--audio { overflow: hidden;width: 390px; } 
  #media-podcast--audio > audio { width: 420px; } 
} 
 
/* Chrome 22-28 */ 
@media screen and(-webkit-min-device-pixel-ratio:0) { 
  #media-podcast--audio { overflow: hidden;width: 390px; } 
  #media-podcast--audio > audio { width: 420px; } 
}
/** END HIDE DOWNLOAD **/

.listen-live--channel {
  margin: 0 0 .5em;
  overflow: auto;
  padding: 0 0 .5em;
  text-align: center;
}
.listen-live--channel img {
  width: 200px;
}
.listen-live--channel--logo {
  border: 2px solid #eee;
  display: inline-block;
  height: auto;
  max-width: 90%;
  padding: 25px 0 0;
  text-align: center;
  width: 250px;
}
.listen-live--channel--description {
  display: none;
}
.listen-live--channel--description h3 {
  color: #1E549C;
  margin-top: 0;
}

#playlist-panel .panel-col-first {
  width: 100%;
}

#playlist-panel .panel-col-last {
  margin-bottom: 2em;
  text-align: center;
  width: 100%;
}

#playlist-panel .panel-col-middle {
  
}
.dfp-ad--desktop-only {
  
}
.page-fm-player {
  background-color: #003f6a;
}
.fm-player-container {
  position: relative;
  background-image: url(../images/fm/fm_player_orchestra_background.jpg);
  background-position: center;
  background-repeat: no-repeat;
  height: 400px;
  padding: 1em 0 1em;
  text-align: center;
}

.fm-player-station-logo {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 100;
  text-align: center;
}

.sponsors {
  position: absolute;
  background-color: #ffffff;
  width: 330px;
  height: 258px;
  top: 30px;
  right: 30px;
  z-index: 100;
  text-align: center;
}

.fm-audio-controls {
  width: 100%;
}

.fm-audio-controls-container {
  position: absolute;
  top: calc(100% - 80px);
  width: 100%;
}

#fm-donate--wrapper {
  background-image: url(../images/fm/full_radio_donate_background.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.page-fm-player #fm-donate--wrapper {
  background-image: url(../images/fm/half_radio_donate_background.jpg);
}

.fm-radio-donate {
  padding: 2em;
  text-align: left;
  text-align: left;
  color: #FFFFFF;
}

.fm-radio-donate h2 {
  color: #FFFFFF;
}

a.fm-radio-donate-button,
a.fm-radio-donate-button:active,
a.fm-radio-donate-button:visited {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1em;
  margin: 0 10px 0;
  padding: 5px 15px 5px;
  text-align: center;
}

a.fm-radio-donate-button:hover {
  background-color: #00a651;
  text-decoration: none;
}

a.fm-radio--button,
a.fm-radio--button:active,
a.fm-radio--button:visited {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1em;
  margin: 0 10px 0;
  padding: 5px 15px 5px;
  text-align: center;
}

a.fm-radio--button:hover {
  background-color: #1e549c;
  text-decoration: none;
}

.fm-radio-social-icon {
  display: inline-block;
  max-height: 16px;
  max-width: 16px;
  padding: 0px 0 0 0px;
}

/** PODCASTS **/

.audio-on-demand .podcast-container {
  max-width: 100%;
  width: 100%;
}

.podcasts-container {
  
}
.podcast-container-odd {
  clear: both;
}

.podcasts-header--nav {
  display: none;
}

.podcasts-header--nav-ul li {
  display: inline-block;
  margin-right: 2em;
  list-style: none;
}

.podcasts-year-nav-go-link {
  background-color: #1E549C;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1em;
  margin: 0 1em;
  padding: 5px 15px;
  text-align: center;
}

@media screen and (min-width: 600px) {
  .listen-live--channel {
    border: 2px solid #eee;
    float: left;
    height: 200px;
    margin-right: 10px;
    padding: .5em;
    width: calc(33.33% - 10px);
  }
  .listen-live--channel--logo {
    border: none;
    max-width: 100%;
  }
  #listen-live--q-the-music .listen-live--channel--logo {
    padding-top: 15px;
  }
  
  .podcast-container {
    float: left;
    margin-right: 1em;
    max-width: calc(50% - 1em);
  }
}

@media screen and (min-width: 750px) {
  .panels-flexible-column-2-2 {
    float: left;
    width: calc(100% - 350px);
  }
  .panels-flexible-column-2-3 {
    float: right;
    width: 300px;
  }
  .listen-live--channel {
    border: 2px solid #eee;
    float: none;
    height: auto;
    padding: 1em;
    width: 100%;
  }
  .listen-live--channel--logo {
    border: none;
    height: auto;
    
    margin: 0 0 1.5em;
    padding: 0;
  }
  #listen-live--q-the-music .listen-live--channel--logo {
    padding: 0;
  }
  .listen-live--channel img {
    
  }
  .listen-live--channel--description {
    display: block;
    overflow: visible;
    text-align: left;
  }
  .listen-live--channel--description h3 {
    display: none;
  }
  .listen-live--channel--description p {
    
    margin: .25em 0;
  }
  .dfp-ad {
    float: left;
    width: 50%;
  }
  .dfp-ad--desktop-only {
    display: block;
  }
  .dfp-ad--sponsor-link {
    display: none;
  }
}

@media screen and (min-width: 850px) {
  .podcasts-header--nav {
    display: block;
  }
  .podcasts-header--mobile-nav {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .listen-live--channel--logo {
    float: left;
  }
  .listen-live--channel--description {
    overflow: auto;
  }
  #playlist-panel .panel-col-first {
    margin-bottom: 3em;
    width: calc(100% - 350px);
  }

  #playlist-panel .panel-col-last {
    float: right;
    width: 300px;
  }

  #playlist-panel .panel-col-middle {
    clear: none;
    width: calc(100% - 350px);
  }
  .podcast-container {
    border: 2px solid #eee;
    margin-bottom: 1em;
    padding: 0 1em 0 0;
  }
  .podcast-container > p:nth-of-type(1) {
    margin: 0;
  }
  .podcast-container img {
    float: left;
    margin-right: 1em;
  }
  .dfp-ad {
    float: none;
    width: 100%;
  }
  .dfp-ad--sponsor-link {
    display: block;
  }
}