
.lh1 {
    /*height: 2.6rem;*/
    overflow: hidden;

}

.lh2 {
    /*height: 2.6rem;*/
    overflow: hidden;
    /*line-height: 1.2rem;*/
}

.bg2 {
    background-color: #242424;
}

/*  song stuff */
.meta h5 {
    display: none;
}

.song, .artist {
    overflow: hidden;
    position: relative;
    opacity: .8;
}


.song:hover , .artist:hover {
    opacity: 1;
}

.song .play-icon,.song .pause-icon {
    background: url(https://s3-eu-west-1.amazonaws.com/cburn-webcore/images/sprites.png);
    width: 16px;
    height: 16px;
}

.song .play-icon {
    background-position: -178px -461px;
}

.song .pause-icon {
    background-position: -178px -477px;
}

.song .preview {
    float: left;
    width: 16px;
    margin: .75rem 0 0 .25rem;
}

.song h2 {
    color: #a4a4a4;
}

.song.active h1,.song.active h2, .artist.active h2 {
    color: #15bb9f;
}
.song-holder {
    position: relative;
    width: 100%;
    background-color: transparent;
}

.single-col-songs .meta {
    overflow: hidden !important;
}

.single-col-songs {
    position: relative;
    overflow: hidden;
}

.artist.bg2 h2 {
    color: #a4a4a4;
}

.song .lh2 {
    padding: .5rem;
}

.song .lh2 .preview {
    margin-top: .125rem;
}

.song .meta,.artist .meta {
    padding: 0 0 0 .5rem;
}

.song .lh1 h1,.song .lh1 h2,.artist h2 {
    line-height: 2.6rem;
}

.song .lh2 h1,.song .lh2 h2 {
    line-height: 1.4;
}

.song .lh2 h1 {
    font-weight: bold;
}

.song h1,.song h2, .artist h1,.artist h2 {
    color: #d4d4d4;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;

    font-size: 1rem;

}


.song h2 span {
    opacity: 0.9;
    font-size: 0.7rem;
}



.item-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.item-wrapper img, .square-content img.placeholder {
    width: 100%;
    height: 100%;
}


/* render item as thumbnails with inset metadata */
.item-tile {
    position: relative;
    float: none;
    width: 100%;
    height: 100%;

    margin: 0 .125rem 0 0;
}

.item-tile .img-holder {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.item-tile .meta {
    background-color: #222;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 0.25rem;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    /* IE 5-7 */
    filter: alpha(opacity=90);

    /* Netscape */
    -moz-opacity: 0.9;

    /* Safari 1.x */
    -khtml-opacity: 0.9;

    /* Good browsers */
    opacity: 0.9;
}


.item-tile .active .meta {
    border-top: .25rem solid #0f0e0c;
    background-color: #15bb9f;
}

.item-tile .active .meta h1,
.item-tile .active .meta h2
{
    color: #0f0e0c;
}

.item-tile .meta h1, .item-tile .meta h2,.item-tile .meta h3 {
    font-size: 1rem;
    margin: 0 .5rem;
    color: #e9e9e9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.item-tile .meta h1 {
    padding-top: .5rem;
    font-weight: normal;
    line-height: 1.2;
}

.item-tile .meta h2 {
    padding: 0 2.5rem 0.25rem 0;
}

.item-tile .meta h3 {
    font-size: 0.7rem;
    color: #15bb9f;
    padding: 0.25rem 2.5rem .5rem 0;
}

.medium-thumblist h3 {
    color: #15bb9f;
    opacity: 0.8;
}

.medium-thumblist .play-icon,
.medium-thumblist .pause-icon,
a:hover .medium-thumblist .play-icon,
.item-tile .play-icon,
.item-tile .pause-icon
{
    position: absolute;
    z-index: 2;
    background: transparent;
    background: url(https://s3-eu-west-1.amazonaws.com/cburn-webcore/images/sprites.png) -10000px -10000px;
}

.item-tile .play-icon,
.item-tile .pause-icon
{
    width: 64px;
    height: 64px;
}

.item-tile  .pause-icon {
    background-position: -324px -461px;
}

a:hover .item-tile .play-icon {
    background-position: -259px -461px;
}


.album-carousel-large > a {
    display: block;
    float: left;
    position: relative;
    width: 330px;
    height: 330px;
    margin: .25rem .125rem;
}

.song-tile-large {
    display: block;
    position: relative;
    float: left;
    width: 280px;
    height: 280px;
    margin: 4px 2px;
}


.item-tile  .play-icon,
.item-tile  .pause-icon,
.item-tile  > a:hover  > .play-icon,
.item-tile  > a  > .play-icon:hover {
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

[class^="square-cell-"] .player,
.song-tile-large .player {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
}






/* medium thumbnails - render items as a medium thumbnail and metadata to the right */
.medium-thumblist {
    position: relative;
    margin: 0;
    padding: 0;
    height: 4rem;
    overflow: hidden !important;
}

.medium-thumblist .img-holder {
    float: left;
    display: block;
    width: 4rem;
    height: 100%;
    margin-right: 1rem;
}

.medium-thumblist .img-holder img {
    width: 100%;
    height: 100%;
}
.medium-thumblist .meta {
    height: 100%;
}

.medium-thumblist h1, .medium-thumblist h2 {
    margin: 0;
    padding: 0;
    font-size: .9rem;
    font-weight: normal;
    text-transform: uppercase;
    color: #d4d4d4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.medium-thumblist h1 {
    font-weight: 700;
}

.medium-thumblist h2 {
    padding: .5rem 0 .2rem 0;
    color: #a4a4a4;
}

.medium-thumblist h2 span {
    opacity: 0.9;
    font-size: 0.7rem;
}

.medium-thumblist h3 {
    font-size: 0.7rem;
    padding-top: 0.6rem;
}



.medium-thumblist .play-icon,
.medium-thumblist .pause-icon,
a:hover .medium-thumblist .play-icon {
    width: 32px;
    height: 32px;
    left: 16px;
    top: 16px;
}

.medium-thumblist .pause-icon {
     background-position: -227px -461px;
}

a:hover .medium-thumblist .play-icon {
    background-position: -195px -461px;
}



#featured-albums-left,
#featured-albums-right,
#featured-albums-playpause {
    float: right;
}

#featured-albums-container .carousel-controls {
    float: right;
    width: 10rem;
    margin-top: .375rem;
}

#nowplaying-vertical {
    display: inline-block;
    width: 400px;
    height: 300px;

}

#nowplaying-horizontal {
    width: 100%;
    margin: 0 auto;
}
#nowplaying-grid {
    width: 810px;
    margin: 0 auto;
}

.medium-thumblist h3
{
    padding-top: 1rem;
    font-size: .7rem;
}

#recently-added-songs {
    display: inline-block;
    height: 300px;
    width: 400px;
}



#trending-artists {
    display: inline-block;
    height: 300px;
    width: 400px;
}



.case-study-trending  {
    padding-top: 0.5rem;
    width: 100%;
    margin: 0 auto;
}

.album-recommendations-nav {
    position: relative;
    left: -10000px;
    padding: 0.5rem 0 1.5rem 0;

}

.album-recommendations-nav .newer-recommendations span,
.album-recommendations-nav .older-recommendations span {
    width: 20px;
    height:16px;
    color: #15bb9f;

}

.album-recommendations-nav .newer-recommendations span.disabled,
.album-recommendations-nav .older-recommendations span.disabled {
    color: #404040;
}

.album-recommendations-nav .newer-recommendations {
    position: absolute;
    left: 0;
}

.album-recommendations-nav .older-recommendations {
    position: absolute;
    right: 0;
}

.album-recommendations-nav .slider-holder {
    margin: 0 25px 0 30px;
}
.album-recommendations-nav .slider.slider-horizontal {
    width: 100%
}

.album-recommendations-nav .slider.slider-horizontal .slider-track {
    top: 0;
    margin-top: 2px;

}

.sample-playlist {
    padding-top: 0;
    padding-bottom: 2rem;

    max-width: 500px;
    margin: 0rem auto 0  auto;

}

.sample-playlist .top-caption {
    padding-bottom: 1rem;
}

.sample-playlist .bg-panel h5 {
    text-transform: uppercase;
    color: #15bb9f;
    margin-bottom: .5rem;
}

.sample-playlist .bg-panel a {
    display: block;
    text-align: right;
    margin-top: .5rem;

}

.sample-playlist-songs {
    height: 18rem;
}

#hidden-player {
    display: none;
}

.jp-play-bar,.jp-seek-bar {
    outline: none;
    border: none;
}