.card {
    min-width: 300px;
    max-width:  350px;
    margin-bottom: 15px !important;
    background-color: rgba(0,0,0, .6);
}

.card a p {
    color: grey;
    margin-bottom: 0
}

.meta .card {
    min-width: 290px;
    max-width: 290px;
    float: left;
    margin-right: 10px;
 }

.meta .card-header {
     background-color: #851812
 }

.session-list .card:hover  {
    -webkit-transform: scale(1.04) ;
    transform: scale(1.04) ;
}


.session-list .card {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.card:hover .overlay-right {
    opacity: 1;
}

.overlay-right {
    position: absolute;
    right: 0px;
    top: 0px;
    max-width: 80%;
    min-width: 60%;
    border-radius: 7px;
    z-index: 10;

    -webkit-transition: opacity 2s;
    transition: opacity 2s;
    opacity: 0;
}
.setlist-wrapper {
    float: right;
    margin-bottom: 10px;
}
.setlist-wrapper ul {
}
.overlay-right ul, .setlist-wrapper ul {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}
.description {
    max-width: 600px;
}

.overlay-right a, .setlist-wrapper a, .meta a {
    color: lightgray;

}
.overlay-right a:hover, .setlist-wrapper a:hover, .meta a:hover {
    color: white;
    font-weight: bold;
}

h4 {
    margin-bottom: 0px;
}
.card-title {
    font-family: 'Phosphate';
    color: white;

}
i.right {
    float: right;
}

.card .role {
    float: right;
}

a.active {
    font-weight:bold;
    color: white;
}

.session-list .card .badge {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size:  1.5rem;;
    opacity: .6;
    background-color: #851812;
}

.session-list .card-body  {

}
.session-list .subtitle {
    position: absolute;
    top: 230px;
    color: white;
    opacity: .7;
}


.meta {
    margin-top: 15px;
}

.line-entry, .setlist li{
    border-bottom: 1px solid #851812;
    margin-bottom: 4px;
    padding-bottom: 4px;

}
li a.active:before {
    content: '\f04b';
    font-family: 'FontAwesome';
    float: right;
}