.box {
  float: left;
  width: 100%; }

.panel-top {
  margin: 30px 0; }

.panel-bottom {
  margin: 30px 0 60px; }

#playlist .list {
  background: #fff;
  margin: 0;
  padding: .5em 1.5em 1.5em 1.5em; }

.list-item {
  border-bottom: 1px solid #ccc;
  padding: 10px 0; }

.pl-image {
  text-align: center; }

.pl-artist {
  text-align: center; }
  .pl-artist a {
    text-decoration: none; }
  .pl-artist .artist {
    font-size: 1.3em;
    color: #AD6200; }
    .pl-artist .artist:hover {
      text-decoration: none; }
  .pl-artist .time {
    font-size: .8em;
    color: #757575;
    font-weight: 300; }

.pl-song {
  text-align: center;
  font-size: .9em;
  font-weight: 300; }

.comments {
  text-align: center;
  color: #757575;
  font-size: .8em;
  font-style: italic;
  margin-top: 8px; }
  .comments span {
    display: block; }

.badge {
  font-size: .9em; }

.pl-buy {
  padding-top: 5px;
  text-align: center; }

@media (min-width: 575px) {
  .pl-artist,
  .pl-song,
  .comments,
  .pl-buy {
    text-align: left; }
  .pl-image {
    text-align: center; }
    .pl-image img {
      max-width: 100px; } }

#playlist-archive-box {
  margin: 0 auto 2em;
  width: 300px;
  background-color: #ffffff;
  padding: 1em; }
  #playlist-archive-box .pla-form .form-actions {
    text-align: right; }

@media (min-width: 768px) and (max-width: 991px) {
  #playlist-archive-box {
    width: 250px; } }

#concertlist .list {
  background: #fff;
  margin: 0;
  padding: .5em 1.5em 1.5em 1.5em; }
  #concertlist .list .list-item {
    padding: 8px 0; }

.co-feature-inner {
  display: flex;
  flex-direction: column;
  margin: 0; }

.co-image {
  text-align: center;
  width: 90px;
  max-width: 90px;
  height: 90px;
  background-position: center top;
  background-size: cover;
  flex: 2; }

.co-details {
  flex: 1; }

.co-title {
  text-align: left; }
  .co-title a {
    font-size: 1.3em;
    color: #AD6200;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none; }
    .co-title a:hover {
      text-decoration: none; }

.co-date {
  font-weight: 300; }
  .co-date span.co-date {
    display: block; }
  .co-date a {
    color: #272727;
    text-decoration: underline; }

.co-city {
  font-weight: 400; }

.co-link {
  flex: 1;
  background: #545454;
  background: linear-gradient(to right, #545454 0%, #363636 100%);
  color: #fff;
  font-weight: 300;
  padding: 0 1em;
  margin-top: .3em; }
  .co-link span {
    margin-right: 5px; }

@media (min-width: 576px) {
  .co-feature-inner {
    flex-direction: row; }
  .co-details {
    flex: 7;
    padding-left: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .co-title a {
    color: #272727; }
  .co-link {
    background: none;
    color: #AD6200;
    font-weight: normal;
    text-align: center;
    width: 90px;
    height: 100%;
    font-size: 2em;
    padding: 0;
    margin: 0;
    flex: 2;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .co-link span {
      display: none; } }

#concertlist .list .list-item.co-feature {
  padding: 0;
  margin-bottom: 8px; }

.co-feature {
  border: 3px solid #c1c1c1; }
  .co-feature .co-details {
    padding-left: 1px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .co-feature .co-feature-inner {
    margin: 2px;
    background: #e0850f url("/assets/framework/gray-distressed-light.jpg") center center;
    background-size: cover;
    color: #000; }
  .co-feature .co-link {
    background: #d48e33;
    background: linear-gradient(to right, #e79934 0%, #AD6200 100%);
    font-weight: normal;
    text-align: center;
    padding: 1px 0;
    color: #fff;
    flex: 2; }

@media (min-width: 576px) {
  .co-feature {
    /*.co-date,*/
    /*.co-date:after{
          content: '  /  ';
        }*/
    /*.co-venue {
          padding-left: 3px;
        }*/ }
    .co-feature .co-feature-inner {
      flex-direction: row; }
    .co-feature .co-details {
      flex: 7;
      padding-left: 1em; }
    .co-feature .co-title a {
      color: #272727; }
    .co-feature .co-venue {
      float: left;
      font-size: 1em; }
    .co-feature .co-link {
      background: #d48e33;
      background: linear-gradient(to right, #e79934 0%, #AD6200 100%);
      font-weight: normal;
      text-align: center;
      width: 90px;
      font-size: 2em;
      margin: 0;
      color: #fff;
      flex: 2;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .co-feature .co-link span {
        display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  #concertlist {
    font-size: .9em; } }

#livesession-wrapper .list-item {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%; }

#livesession-wrapper .img-block, #livesession-wrapper .content-block, #livesession-wrapper .button-block {
  flex: 1 100%; }

#livesession-wrapper .button-block {
  margin: 20px 50px; }
  #livesession-wrapper .button-block a span {
    color: #ffffff;
    line-height: 100%; }

#livesession-wrapper div.list {
  background: #fff;
  margin: 0;
  padding: .5em .8em 1.5em .8em; }

#livesession-wrapper .img-block {
  text-align: center;
  padding-right: 0;
  padding-left: 0; }
  #livesession-wrapper .img-block img {
    margin: 0 auto; }

#livesession-wrapper .content-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center; }
  #livesession-wrapper .content-block .title {
    font-size: 1.3em;
    font-weight: 400;
    color: #AD6200; }
  #livesession-wrapper .content-block .date {
    color: #545454; }

#livesession-wrapper .button-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center; }
  #livesession-wrapper .button-block #playbutton div {
    border: 1px solid #999999;
    width: 100%;
    margin: 0 auto;
    padding: 3px 0;
    background: #545454;
    background: linear-gradient(to right, #545454 0%, #363636 100%); }
  #livesession-wrapper .button-block #playbutton i {
    font-size: 1em;
    color: #ffffff; }
  #livesession-wrapper .button-block #playbutton i.fa-play {
    padding-left: 8px; }

@media (min-width: 576px) {
  #livesession-wrapper .jplist-list-view .img-block {
    flex: 2;
    padding: 5px; }
  #livesession-wrapper .jplist-list-view .content-block {
    flex: 6;
    padding: 5px; }
  #livesession-wrapper .jplist-list-view .button-block {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center; }
    #livesession-wrapper .jplist-list-view .button-block #playbutton div {
      border: 1px solid #999999;
      width: 3em;
      height: 3em;
      border-radius: 1.5em;
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      background: #ffffff; }
    #livesession-wrapper .jplist-list-view .button-block #playbutton i {
      font-size: 1.8em;
      color: #363636; }
    #livesession-wrapper .jplist-list-view .button-block #playbutton i.fa-play {
      padding-left: 8px; }
  #livesession-wrapper .jplist-grid-view .list {
    display: flex;
    flex-flow: row wrap; }
  #livesession-wrapper .jplist-grid-view .list-item {
    flex: 1 25%;
    padding: 15px 8px 8px 15px; }
  #livesession-wrapper .jplist-grid-view .img-block, #livesession-wrapper .jplist-grid-view .content-block, #livesession-wrapper .jplist-grid-view .button-block {
    flex: 1 100%; }
  #livesession-wrapper .jplist-grid-view .content-block {
    font-size: .8em; }
  #livesession-wrapper .jplist-grid-view .button-block {
    margin: 20px 20px; }
  #livesession-wrapper .jplist-thumbs-view .list {
    display: flex;
    flex-flow: row wrap; }
  #livesession-wrapper .jplist-thumbs-view .list-item {
    flex: 1 50%;
    padding: 15px 8px 8px 15px; }
  #livesession-wrapper .jplist-thumbs-view .img-block, #livesession-wrapper .jplist-thumbs-view .content-block, #livesession-wrapper .jplist-thumbs-view .button-block {
    flex: 1 100%; }
  #livesession-wrapper .jplist-thumbs-view .content-block {
    font-size: .8em; }
  #livesession-wrapper .jplist-thumbs-view .button-block {
    margin: 20px 20px; } }

@media (min-width: 768px) {
  #livesession-wrapper .jplist-list-view .img-block {
    flex: 2;
    padding: 5px; }
  #livesession-wrapper .jplist-list-view .content-block {
    flex: 6;
    padding: 5px; }
  #livesession-wrapper .jplist-list-view .button-block {
    flex: 1; }
    #livesession-wrapper .jplist-list-view .button-block a span {
      display: none; } }

@media (min-width: 992px) {
  #livesession-wrapper .jplist-thumbs-view .content-block {
    font-size: 1em; } }

/*# sourceMappingURL=jplist.css.map */