.on-now--container{
  background-color: #ececec;
  overflow: auto;
  padding: 0;
  text-align: center;
}

.on-now--header,
.on-now--full-list-link {
  background-color: #003F6A;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0 1em;
  text-transform: uppercase;
}

.on-now--header {
  display: none;
}

.on-now--full-list-link {
  line-height: 2em;
  margin-top: 0.5em;
}

.on-now--header a,
.on-now--header a:active,
.on-now--header a:visited,
.on-now--full-list-link a,
.on-now--full-list-link a:active,
.on-now--full-list-link a:visited {
  color: #FFFFFF;
}

.on-now--intro {
  display: block;
  color: #1E549C;
  font-weight: bold;
  line-height: 2em;
  
  
}

.on-now--listing {
  padding: 0 0.5em;
}

.on-now--show-title {
  font-weight: bold;
}

.on-now--track-title {
  font-style: italic;
}

@media screen and (min-width: 750px) {
  .on-now--container{
    
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    
  }

  .on-now--header,
  .on-now--full-list-link {
    
    
    
    height: 2em;
    
    
  }

  .on-now--header {
    display: block;
    float: left;
    margin-right: 1.5em;
    min-width: 9em;
    position: relative;
  }

  .on-now--header::after {
    border-bottom: 1em solid #ececec;
    border-left: 1em solid #003F6A;
    border-top: 1em solid #ececec;
    content: '';
    display: block;
    height: 0;
    left: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 1px;
    width: 0;
  }

  .on-now--full-list-link {
    float: right;
    margin-top: 0;
    min-width: 11em;
  }

  .on-now--full-list-link a,
  .on-now--full-list-link a:active,
  .on-now--full-list-link a:visited {
    color: #FFFFFF;
  }

  .on-now--intro {
    display: inline;
    margin-right: .25em;
    text-transform: uppercase;
  }

  .on-now--listing {
    float: left;
    max-width: calc(100% - 23em);
    padding: 0;
    text-align: left;
  }

  .on-now--track-title {
    
  }
}