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 {
  background-color: #3d3935;
  color: #fff;
}
.listen-live--channel img {
  
}
.listen-live--channel--logo {
  
}
.listen-live--channel--description {
  padding: 0 .5rem;
}
.listen-live--channel--description h3 {
  height: 0;
  visibility: hidden;
}
.listen-live--channel--description p {
  margin: .5rem 0;
}
.listen-live--channel--description a {
  color: #fff;

}
.listen-live--channel--description a:focus,
.listen-live--channel--description a:hover {
  color: #fec52e;
}
.listen-live--channel--description a span {
  color: #fec52e;
}

#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: 380px) {
  .listen-live--channel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 3fr;
        grid-template-columns: 2fr 3fr;
    margin: 0 0 1rem;
  }
  .listen-live--channel--logo {
    background-color: #00aea9;
  }
  .listen-live--channel--description {
    -ms-grid-column: 2;
  }
  
  .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 {
    -ms-grid-columns: 1fr 3fr;
        grid-template-columns: 1fr 3fr;
  }
  .listen-live--channel--logo {
    background-color: #3d3935;
  }
  #listen-live--q-the-music .listen-live--channel--logo {
    padding: 0;
  }
  .listen-live--channel img {
    width: 100%;
  }
  .listen-live--channel--description {
    display: block;
    overflow: visible;
    text-align: left;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
  .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: 800px) {
  .listen-live-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    margin: 0 -.5rem;
  }
  .listen-live--channel {
    border: .5rem solid #fff;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: 20vw 1fr;
        grid-template-rows: 20vw 1fr;
    margin-bottom: 0;
  }

  #listen-live--pcc {
    -ms-grid-column: 2;
  }
  #listen-live--q-the-music {
    -ms-grid-column: 3;
  }
}

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

@media screen and (min-width: 1000px) {
  #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;
  }
}

@media screen and (min-width: 1064px) {
  .listen-live-container {
    margin: 0 -.75rem;
  }
  .listen-live--channel {
    border: .75rem solid #fff;
  }
}

@media screen and (min-width: 1200px) {
  .listen-live--channel {
    -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
  }
}